/* Minification failed. Returning unminified contents.
(4835,1): run-time error CSS1019: Unexpected token, found '@'
(4835,2): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4836,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
@font-face {
	font-family: 'BYekan';
	src: url('/content/fonts/BYekan.eot');
	src: url('/content/fonts/BYekan.eot?#iefix') format('embedded-opentype'), url('/content/fonts/BYekan.woff') format('woff'), url('/content/fonts/BYekan.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Shabnam;
	src: url('/content/fonts/shabnam/Farsi-Digits/Shabnam-FD.eot');
	src: url('/content/fonts/shabnam/Farsi-Digits/Shabnam-FD.eot?#iefix') format('embedded-opentype'), url('/content/fonts/shabnam/Farsi-Digits/Shabnam-FD.woff') format('woff'), url('/content/fonts/shabnam/Farsi-Digits/Shabnam-FD.ttf') format('truetype');
	font-weight: normal;
}

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

html, body {
	height: 100%;
	width: 100%;
}

	html #banner-background {
		background-repeat: no-repeat;
		background-image: url('/content/images/backgrounds/panel-back.jpg');
		-ms-background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		background-position: right top;
		/*background-attachment: fixed;*/
	}

body {
	font-family: Shabnam, "BYekan", "B Yekan", "Yekan", Tahoma, "Sans Serif";
	font-size: 12px;
	line-height: 12px;
}

	body.k-ltr {
		font-family: Tahoma, "Sans Serif";
		font-size: 12px;
		line-height: 12px;
	}

.font-reset-forced {
	font-family: Shabnam, "BYekan", "B Yekan", "Yekan", Tahoma, "Sans Serif" !important;
	font-size: 12px !important;
	line-height: 12px !important;
}

.k-ltr .font-reset-forced {
	font-family: Shabnam, "BYekan", "B Yekan", "Yekan", Tahoma, "Sans Serif" !important;
	font-size: 12px !important;
	line-height: 12px !important;
}

.font-fa {
	font-family: Shabnam, "BYekan", "B Yekan", "Yekan", Tahoma, "Sans Serif";
}

.font-fa-number {
	font-family: "B Koodak",Shabnam,Tahoma, "Sans Serif";
}

.font-currency {
	/*ریال ایران*/
	font-family: "Shabnam", "B Koodak", Tahoma, "Sans Serif";
}

svg {
	font-family: Shabnam, "BYekan", "B Yekan", "Yekan", Tahoma, "Sans Serif" !important;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Shabnam, "BYekan", "B Yekan", "Yekan", Tahoma, "Sans Serif";
}

html, input, select, textarea, option, button,
.pure-g [class *= "pure-u"] {
	font-family: Shabnam, "BYekan", "B Yekan", "Yekan", Tahoma, "Sans Serif";
}

	textarea, input.k-input, .k-textbox, input[type=text], input[type=email], input[type=password], input[type=url], input[type=number] {
		font-family: Shabnam, tahoma !important;
	}

.tab-tools, .grid-tools {
	font-family: Shabnam, "BYekan", "B Yekan", "Yekan", Tahoma, "Sans Serif";
}

	.tab-tools button, .grid-tools button, .tab-tools .button, .grid-tools .button {
		font-family: Shabnam, "BYekan", "B Yekan", "Yekan", Tahoma, "Sans Serif";
	}



/*---------------------------------*/
/* STANDARD CONTROLS */
img {
	vertical-align: middle;
}

input[type="checkbox"], input[type="radio"] {
	vertical-align: middle;
}

/* Acid.JS Special for this site*/
.acidjs-ribbon .acidjs-ribbon-tool-split-button .acidjs-ribbon-tool-text {
	margin-top: 0 !important;
}

.acidjs-ribbon {
	font-family: Shabnam, "BYekan", "B Yekan", "Yekan", Tahoma, "Sans Serif" !important;
}

	.acidjs-ribbon .acidjs-ribbon-group h6 {
		clear: both !important;
		line-height: 12px !important;
		font-weight: normal !important;
	}


/*---------------------------------*/
/* KENDO LAYOUT CONTROLS */
.k-tabstrip {
	background: none;
	border-width: 0;
}

.k-tabclose {
	float: left;
	cursor: pointer;
	margin: 10px 0 0 4px;
	background-image: url(/content/images/icon/close16h.png);
	width: 16px;
	height: 16px;
	-ms-transition: .5s opacity;
	-webkit-transition: .5s opacity;
	-moz-transition: .5s opacity;
	-o-transition: .5s opacity;
	transition: .5s opacity;
	-ms-opacity: .8;
	-webkit-opacity: .8;
	opacity: .8;
}

	.k-tabclose:hover {
		background-position: 16px 0;
		-ms-opacity: 1;
		opacity: 1;
	}

.k-ltr .k-tabclose {
	float: right;
}

/* Kendo Tab fixes*/
.k-panelbar {
	border-color: #8B9097;
	border-top-width: 0;
}

.k-tabstrip-wrapper {
	height: 100%;
	Xheight: calc(100% - 1px);
	padding-bottom: 1px;
}

#content-tab {
	height: 100%;
}

	#content-tab > div {
		height: -ms-calc(100% - 42px);
		height: -webkit-calc(100% - 42px);
		height: -o-calc(100% - 42px);
		height: -moz-calc(100% - 42px);
		height: calc(100% - 42px);
		-padding-bottom: 5px;
		overflow: hidden;
	}

	/*.k-webkit #content-tab > div {*/
	/*preventing chrome to show extra scrollbar in the tab content*/
	/*height: -ms-calc(100% - 42px);
	height: -webkit-calc(100% - 42px);
	height: -o-calc(100% - 42px);
	height: -moz-calc(100% - 42px);
	height: calc(100% - 42px);
	-padding-bottom: 5px;
}*/

	#content-tab .k-tabstrip-items .k-link,
	#content-tab .k-panelbar > li > .k-link {
		font-size: 0.9em;
	}

.k-tabstrip-items {
	/*Remove the line from the tab header*/
	margin-bottom: -1px;
}

.k-tabstrip-bottom > .k-tabstrip-items {
	margin-bottom: 0;
}

.k-tabstrip-bottom > .k-content {
	margin-top: 0;
}

.k-rtl .k-tabstrip-bottom .k-tabstrip-items .k-item, .k-rtl .k-panelbar .k-tabstrip-bottom .k-tabstrip-items .k-item {
	margin-right: 0;
	margin-left: 0;
}
/*---------------------------------*/
/* MAIN LAYOUT */

.layout-container {
	display: table;
	width: 100%;
	height: 100%;
}

.header-wrapper {
	display: table-row;
}

.header-container {
	display: table-cell;
	-webkit-box-shadow: 0 2px 5px #AAAAAA;
	-moz-box-shadow: 0 2px 5px #AAAAAA;
	-ms-box-shadow: 0 2px 5px #AAAAAA;
	box-shadow: 0 2px 5px #AAAAAA;
}

.content-wrapper {
	display: table-row;
	directionX: ltr;
	width: 100%;
	height: 100%;
}

	.content-wrapper > div {
		display: table-cell;
	}

		.content-wrapper > div > div {
			display: table;
			width: 100%;
			height: 100%;
		}

.content-container {
	display: table-row;
	directionX: rtl;
}

.menu-panel {
	display: table-cell;
	vertical-align: top;
	width: 200px;
}

#sidebar-menu {
	-webkit-box-shadow: 0 2px 5px #AAAAAA;
	-moz-box-shadow: 0 2px 5px #AAAAAA;
	-ms-box-shadow: 0 2px 5px #AAAAAA;
	box-shadow: 0 2px 5px #AAAAAA;
}

#content {
	display: table-cell;
	height: 100%;
}

.footer-wrapper {
	display: table-row;
}

.footer-container {
	display: table-cell;
	-ms-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid gray;
	border-left-width: 0px;
	border-right-width: 0px;
	background: #fafeff;
	font-size: .84em;
	padding: 4px 6px;
}

	.footer-container .pane {
		-moz-box-shadow: inset 0 0 2px #f5f5ff;
		-webkit-box-shadow: inset 0 0 2px #f5f5ff;
		-ms-box-shadow: inset 0 0 2px #f5f5ff;
		box-shadow: inset 0 0 2px #f5f5ff;
		display: inline-block;
	}

		.footer-container .pane:after {
			content: "|";
			color: silver;
		}


/*---------------------------------*/
/* RibbonJS */
.acidjs-scroll-scroller {
	/*width: اندازه آیگون ها;*/
	/* اندازه پیش فرض */
	width: 10000px;
}

.acidjs-ui-ribbon .acidjs-ui-ribbon-tab-ribbons {
	width: 10000px;
}
/*---------------------------------*/
/*---------------------------------*/
/*---------------------------------*/
/*---------------------------------*/
/*---------------------------------*/
/*---------------------------------*/
/*---------------------------------*/
/*---------------------------------*/
/*---------------------------------*/
/*---------------------------------*/
/*---------------------------------*/
/*---------------------------------*/
/*---------------------------------*/
#content-loading.ajax-loading {
	background-color: rgba(160, 174, 188, 0.49);
	display: block;
}

#content-loading {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 90000;
}

	#content-loading .loading-box {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 220px;
		height: 70px;
		margin-left: -110px;
		margin-top: -35px;
		border: 1px solid gray;
		padding: 5px;
		text-align: center;
		-ms-border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-ms-box-shadow: 1px 5px 10px #000000;
		-ms-box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.54);
		-moz-box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.54);
		-webkit-box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.54);
		box-shadow: 1px 5px 10px #000000;
		box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.54);
		background: #ffffff;
		background: -moz-linear-gradient(top, #ffffff 0%, #f2f6f8 35%, #dce8ec 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#f2f6f8), color-stop(100%,#dce8ec));
		background: -webkit-linear-gradient(top, #ffffff 0%,#f2f6f8 35%,#dce8ec 100%);
		background: -o-linear-gradient(top, #ffffff 0%,#f2f6f8 35%,#dce8ec 100%);
		background: -ms-linear-gradient(top, #ffffff 0%,#f2f6f8 35%,#dce8ec 100%);
		background: linear-gradient(to bottom, #ffffff 0%,#f2f6f8 35%,#dce8ec 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dce8ec',GradientType=0 );
	}

	#content-loading .loading-msg {
		margin: 14px;
	}

	#content-loading .loading-img {
		margin: 10px 0;
		background: url('/content/images/loading-progress.gif') center center no-repeat;
		-moz-min-width: 220px;
		-ms-min-width: 220px;
		-o-min-width: 220px;
		-webkit-min-width: 220px;
		min-width: 220px;
		height: 19px;
	}

/*---------------------------------*/
/* REPORTING */
.report-window-container {
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

	.report-window-container > div {
		height: 100%;
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.report-window-container iframe {
		height: 100%;
		width: 100%;
		margin: 0;
		border: none;
		padding: 0;
	}

/*---------------------------------*/
.profiler-result {
	direction: ltr;
}
/*---------------------------------*/


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

@media(max-width: 490px) {
	
	.k-grid tbody .k-button {
		-moz-min-width: 10px !important;
		-ms-min-width: 10px !important;
		-o-min-width: 10px !important;
		-webkit-min-width: 10px !important;
		min-width: 10px !important;
	}

	.header-container {
		display: none;
	}

	.content-container {
		display: block;
	}

	.menu-panel {
		display: block;
		width: 100%;
	}

	#content {
		display: block;
	}

	#sidebar-menu .k-panelbar > .k-item,
	#sidebar-menu .k-panel > .k-item {
		/* PanelBar items */
		display: inline-block;
	}

	#sidebar-menu .k-link.k-header {
		float: left;
		left: -48px;
		position: absolute;
		top: 48px;
		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		-o-transform: rotate(270deg);
		transform: rotate(270deg);
		z-index: 100;
		height: auto;
	}

	#sidebar-menu .k-link {
		width: 110px;
		white-space: nowrap;
		-moz-text-overflow: ellipsis;
		-ms-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		padding: 0 4px;
		line-height: 20px;
		overflow: hidden;
	} 
	#sidebar-menu .k-item {
		padding: 0;
		margin: 0;
	}
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
/*---------------------------------*/
.page-info, #page-info {
	display: none;
}

/*----k-tab------------------------------*/
.k-tabstrip:focus {
	/* disable the shadow*/
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}

.k-tabstrip-closebutton,
.k-tabstrip-closebutton:hover,
.k-tabstrip-closebutton:active,
.k-tabstrip-closebutton:active:hover,
.k-tabstrip-closebutton:focus {
	-webkit-box-shadow: none !important;
	-ms-box-shadow: none !important;
	box-shadow: none !important;
	border: 0;
	padding: 0;
	width: 16px;
	height: 16px;
	background: none;
	background-color: transparent;
	padding-bottom: 2px;
	margin: 4px 3px;
	line-height: 16px;
}

	.k-tabstrip-closebutton .fa {
		border: 0;
		padding: 0;
		color: brown;
		font-size: 13px;
		opacity: 0.5;
	}

	.k-tabstrip-closebutton:hover .fa, .k-tabstrip-closebutton:focus:hover .fa {
		color: maroon;
		opacity: 1;
	}

	.k-tabstrip-closebutton:active:hover .fa {
		color: red;
		opacity: 1;
	}

/*----g-block------------------------------*/
.g-block {
	display: table;
	border-collapse: collapse;
	border: 0 none;
	padding: 0;
	margin: 0;
	width: 100%;
}

	.g-block.g-block-separate,
	.g-block.g-block-separate > .g-cell,
	.g-block.g-block-separate > .g-row,
	.g-block.g-block-separate > .g-row > .g-cell {
		border-collapse: separate;
	}

.k-tabstrip .k-content > .g-block {
	width: 100%;
	height: 100%;
}

.k-window .k-content > .g-block {
	width: 100%;
	height: 100%;
}

	.k-window .k-content > .g-block.g-auto-height {
		height: auto;
	}

	.k-window .k-content > .g-block.g-auto-width {
		width: auto;
	}

.g-row {
	display: table-row;
	border-collapse: collapse;
	border: 0 none;
	vertical-align: top;
}

	.g-row.g-separator {
		height: 15px;
	}

.g-cell {
	display: table-cell;
	border-collapse: collapse;
	border: 0 none;
	vertical-align: top;
	height: 100%;
}

	.g-cell.g-separator {
		width: 15px;
	}

	.g-block.g-full-height, .g-row.g-full-height, .g-cell.g-full-height {
		height: 100%;
	}

	.g-block.g-full-width, .g-row.g-full-width, .g-cell.g-full-width {
		width: 100%;
	}

	.g-cell.g-cell-colspan-all {
		-moz-column-span: all;
		-ms-column-span: all;
		-webkit-column-span: all;
		column-span: all;
	}

	.g-cell.g-cell-colspan-1 {
		-moz-column-span: 1;
		-ms-column-span: 1;
		-webkit-column-span: 1;
		column-span: 1;
	}

	.g-cell.g-cell-colspan-2 {
		-moz-column-span: 2;
		-ms-column-span: 2;
		-webkit-column-span: 2;
		column-span: 2;
	}

.g-block.g-auto-height, .g-row.g-auto-height {
	height: auto;
}

.g-block.g-auto-height-important, .g-row.g-auto-height-important {
	height: auto !important;
}

.g-block.g-auto-width, .g-cell.g-auto-width {
	width: auto;
}

.g-block.g-auto-width-important, .g-cell.g-auto-width-important {
	width: auto !important;
}

.g-block.g-seperated-cell .g-cell {
	margin: 5px;
	padding: 5px;
	border: 4px solid white;
	-ms-border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.g-bordered.g-block {
	border: 1px solid silver;
}

.g-bordered.g-cell {
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}

.g-bordered.g-row {
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}

.g-block.g-block-minheight-100 {
	min-height: 100px;
}

.g-block.g-block-minheight-150 {
	min-height: 150px;
}



/*----fullheight-table------------------------------*/
.fullheight-table {
	display: table;
	border-collapse: collapse;
	border: 0 none;
	height: 100%;
	padding: 0;
	margin: 0;
}

	.fullheight-table.fullwidth {
		width: 100%;
	}

.fullheight-tablerow {
	display: table-row;
	border-collapse: collapse;
	border: 0 none;
	vertical-align: top;
}

	.fullheight-tablerow.fullheight {
		height: 100%;
	}

	.fullheight-tablerow.separator {
		height: 15px;
	}

.fullheight-tablecell {
	display: table-cell;
	border-collapse: collapse;
	border: 0 none;
	vertical-align: top;
}

.fullwidth-table {
	display: table;
	border-collapse: collapse;
	border: 0 none;
	width: 100%;
	padding: 0;
	margin: 0;
}

	.fullwidth-table.fullheight {
		height: 100%;
	}

.fullwidth-tablerow {
	display: table-row;
	border-collapse: collapse;
	border: 0 none;
	vertical-align: top;
}

.fullwidth-table.seperated-tablecell .fullwidth-tablecell {
	margin: 5px;
	padding: 5px;
	border: 4px solid white;
	-ms-border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.fullwidth-tablecell {
	display: table-cell;
	border-collapse: collapse;
	border: 0 none;
	vertical-align: top;
}

	.fullwidth-tablecell.fullwidth {
		width: 100%;
	}

	.fullwidth-tablecell.fullheight {
		height: 100%;
	}

	.fullwidth-tablecell.separator {
		width: 10px;
	}

form.fullheight {
	height: 100%;
}

textarea.fullheight {
	height: 100% !important;
}

/*----block-inline-----------------------------*/

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

	.block-inline.block-inline-bordered {
		border: 1px solid silver;
	}

/*---items-bar------------------------------*/
.items-bar {
	display: block;
}

	.items-bar.items-bar-bordered {
		border: 1px solid silver;
	}

	.items-bar > .items-bar-item {
		display: inline-block;
	}

	.items-bar.items-bar-bordered > .items-bar-item {
		border-right: 1px solid silver;
	}

	.items-bar > .items-bar-item.items-bar-item-seperated {
		padding: 0 8px;
	}
/*---scrollabe by touch on drag------*/
.prevent-user-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

/*-------------------------------*/
/*-------------------------------*/
/*-------------------------------*/
/*-------------------------------*/
/*---------------------------------*/
/* KENDO Styles modify*/
.k-rtl .k-tabstrip-items .k-item .k-image,
.k-rtl .k-tabstrip-items .k-item .k-sprite,
.k-rtl .k-panelbar .k-tabstrip-items .k-item .k-image,
.k-rtl .k-panelbar .k-tabstrip-items .k-item .k-sprite {
	margin-bottom: 2px;
}
/*.k-tabstrip-items .k-item .k-image {
	vertical-align: bottom;
}*/

/* FULL HEIGHT TabStrip */
.k-tabstrip.k-tab-height-full {
	height: 100% !important;
	padding-bottom: 5px;
}

	.k-tabstrip.k-tab-height-full > div {
		height: calc(100% - 41px) !important;
	}

	.k-tabstrip.k-tab-height-full.k-tabstrip-bottom {
		height: 100% !important;
		padding-top: 0px;
		padding-bottom: 0px;
	}


/*.k-webkit .k-tabstrip.k-tab-height-full > div {
	height: calc(100% - 41px) !important;
}*/
.k-tabstrip.k-tabitem-minwidth .k-item {
	-moz-min-width: 60px;
	-ms-min-width: 60px;
	-o-min-width: 60px;
	-webkit-min-width: 60px;
	min-width: 60px;
}

.k-tabstrip.k-tabitem-minwidth-lg .k-item {
	-moz-min-width: 80px;
	-ms-min-width: 80px;
	-o-min-width: 80px;
	-webkit-min-width: 80px;
	min-width: 80px;
}

.k-tabstrip.k-tabitem-minwidth-xl .k-item {
	-moz-min-width: 110px;
	-ms-min-width: 110px;
	-o-min-width: 110px;
	-webkit-min-width: 110px;
	min-width: 110px;
}

/* kendo content NO Spacing */
.k-tabstrip.k-tabstrip-no-spacing > .k-tabstrip-items {
	padding: 0;
}

.k-tabstrip.k-tabstrip-no-spacing > .k-content {
	margin: 0;
}

.k-tabstrip.k-tabstrip-no-spacing:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* kendo content NO Padding */
.k-tabstrip.k-tabcontent-no-padding > .k-content {
	padding-left: 2px;
	padding-right: 2px;
}

.k-tabstrip.k-tabcontent-no-padding > .k-tabstrip-items {
	padding-top: 2px;
}

.k-tabstrip-bottom.k-tabcontent-no-padding > .k-tabstrip-items {
	padding-top: 0;
}

/* kendo content NO Border */
.k-tabstrip.k-tabstrip-no-border > .k-content {
	border-width: 0;
}

/*-------------------------------*/
/*-------------------------------*/
.k-grid .k-grid-norecords-template {
	border-width: 0;
}

.k-rtl div.k-grid-header, .k-rtl div.k-grid-footer {
	padding-right: 0 !important;
}

.k-rtl .k-grid-header .k-filterable .k-link {
	padding-left: 0;
}

.k-grid-bordered {
	/* for silver theme*/
	border: 1px solid #ceced2;
}
/*-------------------------------*/
/* چپ به راست شدن انتخاب تاریخ */
.k-input[data-role=datepicker] {
	direction: ltr;
}

.k-rtl .k-input[data-role=datepicker] {
	text-align: right;
	padding-left: 0;
	padding-right: .33em;
	width: calc(100% - .33em) !important;
}

/*-------------------------------*/
/* FULL HEIGHT TREELIST*/

.k-treelist.k-treelist-stretch-height-simple {
	height: 99.6% !important;
}

	.k-treelist.k-treelist-stretch-height-simple .k-grid-content {
		X-height: calc(100% - 37px) !important;
	}

/*-------------------------------*/
/*-------------------------------*/
/* AUTO HEIGHT GANTT */
.k-gantt.k-gantt-autofill-height {
	height: 99.6%;
}

.k-gantt .k-grid-content tr, .k-gantt-rows tr, .k-gantt-tasks tr {
	height: 3em;
}

.k-gantt .k-task-template {
	line-height: inherit;
}
/*-------------------------------*/
/*-------------------------------*/
/* AUTO HEIGHT GRID */
.k-grid.k-grid-autofill-height {
	height: 100%;
	border-top: 0;
	border-bottom: 0;
}

/* FULL HEIGHT GRID */
.k-grid.k-grid-stretch-height {
	height: 100% !important;
	border-top: 0;
	border-bottom: 0;
}

	.k-grid.k-grid-stretch-height /*.k-grid-content*/ {
		height: 100% !important;
	}

/* ---- full ----------*/
.k-grid.k-grid-stretch-height-full {
	height: 100% !important;
	border-top: 0;
	border-bottom: 0;
}

	.k-grid.k-grid-stretch-height-full .k-grid-content {
		height: calc(100% - 96px) !important;
	}

.k-webkit .k-grid.k-grid-stretch-height-full .k-grid-content {
	height: calc(100% - 95px) !important;
}

/* ---- full-aggregates ----------*/
.k-grid.k-grid-stretch-height-full-aggregates {
	height: 100% !important;
	border-top: 0;
	border-bottom: 0;
}

	.k-grid.k-grid-stretch-height-full-aggregates .k-grid-content {
		height: calc(100% - 125px) !important;
	}

.k-webkit .k-grid.k-grid-stretch-height-full-aggregates .k-grid-content {
	height: calc(100% - 124px) !important;
}

/* ---- nogroup ----------*/
.k-grid.k-grid-stretch-height-nogroup {
	height: 100% !important;
	border-top: 0;
	border-bottom: 0;
}

	.k-grid.k-grid-stretch-height-nogroup .k-grid-content {
		height: calc(100% - 65px) !important;
	}

@-moz-document url-prefix() {
	.k-grid.k-grid-stretch-height-nogroup .k-grid-content {
		height: calc(96% - 65px) !important; /* مقدار فیکس گرید برای Firefox و نمایش پیجینگ در آن*/
	}
}


.k-webkit .k-grid.k-grid-stretch-height-nogroup .k-grid-content {
	height: calc(100% - 64px) !important;
}

/* ---- footer-nogroup ----------*/
.k-grid.k-grid-stretch-height-footer-nogroup {
	height: 100% !important;
	border-top: 0;
	border-bottom: 0;
}

	.k-grid.k-grid-stretch-height-footer-nogroup .k-grid-content {
		height: calc(100% - 59px) !important;
	}

.k-webkit .k-grid.k-grid-stretch-height-footer-nogroup .k-grid-content {
	height: calc(100% - 56px) !important;
}

/* ---- simple ----------*/
.k-grid.k-grid-stretch-height-simple {
	height: 100% !important;
	border-top: 0;
	border-bottom: 0;
}

	.k-grid.k-grid-stretch-height-simple .k-grid-content {
		height: calc(100% - 30px) !important;
	}

.k-webkit .k-grid.k-grid-stretch-height-simple .k-grid-content {
	height: calc(100% - 29px) !important;
}

/* ---- simpletoolbar ----------*/
.k-grid.k-grid-stretch-height-simpletoolbar {
	height: 100% !important;
	border-top: 0;
	border-bottom: 0;
}

	.k-grid.k-grid-stretch-height-simpletoolbar .k-grid-content {
		height: calc(100% - 72px) !important;
	}

/* در گرید های بدون خاصیت scrollable*/
.k-grid.k-grid-stretch-height-full > table[role='grid'] {
	height: calc(100% - 66px);
}

.k-grid.k-grid-stretch-height-nogroup > table[role='grid'] {
	height: calc(100% - 66px);
}

.k-grid.k-grid-stretch-height-footer-nogroup > table[role='grid'] {
	height: calc(100% - 66px);
}

.k-grid.k-grid-stretch-height-simple > table[role='grid'] {
	height: calc(100% - 66px);
}

.k-grid.k-grid-stretch-height-simpletoolbar > table[role='grid'] {
	height: calc(100% - 66px);
}


.k-grid.normal-width, .k-grid.normal-width > table {
	width: auto;
}

.k-grid.k-grid-autowidth table {
	width: auto;
}

.k-grid.k-grid-minheight-xs .k-grid-content, .k-grid.k-grid-minheight-xs > table[role='grid'] {
	min-height: 60px;
}

.k-grid.k-grid-minheight-sm .k-grid-content, .k-grid.k-grid-minheight-sm > table[role='grid'] {
	min-height: 80px;
}

.k-grid.k-grid-minheight .k-grid-content, .k-grid.k-grid-minheight > table[role='grid'] {
	min-height: 100px;
}

.k-grid.k-grid-minheight-lg .k-grid-content, .k-grid.k-grid-minheight-lg > table[role='grid'] {
	min-height: 150px;
}

.k-grid.k-grid-minheight-xl .k-grid-content, .k-grid.k-grid-minheight-xl > table[role='grid'] {
	min-height: 180px;
}

/*.k-grid.k-grid-minheight-xs .k-grid-content,
.k-grid.k-grid-minheight-sm .k-grid-content,
.k-grid.k-grid-minheight .k-grid-content,
.k-grid.k-grid-minheight-lg .k-grid-content,
.k-grid.k-grid-minheight-xl .k-grid-content {
	height: 100% !important;
}*/


.k-grid.k-grid-maxheight-xs .k-grid-content, .k-grid.k-grid-maxheight-xs > table[role='grid'] {
	max-height: 60px;
}

.k-grid.k-grid-maxheight-sm .k-grid-content, .k-grid.k-grid-maxheight-sm > table[role='grid'] {
	max-height: 80px;
}

.k-grid.k-grid-maxheight .k-grid-content, .k-grid.k-grid-maxheight > table[role='grid'] {
	max-height: 100px;
}

.k-grid.k-grid-maxheight-lg .k-grid-content, .k-grid.k-grid-maxheight-lg > table[role='grid'] {
	max-height: 150px;
}

.k-grid.k-grid-maxheight-xl .k-grid-content, .k-grid.k-grid-maxheight-xl > table[role='grid'] {
	max-height: 200px;
}

.k-grid.k-grid-maxheight-300 .k-grid-content, .k-grid.k-grid-maxheight-300 > table[role='grid'] {
	max-height: 300px;
}


.k-grid.k-grid-editable-incell-nowrap td {
	/* هنگام ویرایش همه ادیتور همراه با خطا را نمایش بدهد */
	/* هنگام نمایش عادی مانع از اورفلو شود*/
	/* مناسب برای نمایش تول تیپ خطا */
	overflow: hidden;
	-ms-overflow-y: visible;
	overflow-y: visible;
	white-space: nowrap;
	-moz-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

	.k-grid.k-grid-editable-incell-nowrap td.k-edit-cell {
		/* برای زمانی که ویرایشگر از نوع incell هست*/
		overflow: visible;
	}

	.k-grid.k-grid-editable-incell-nowrap td[data-container-for] {
		/* برای زمانی که کنترل تری لیست ویرایش این لاین است inline */
		overflow: visible;
	}

.k-grid.k-grid-editable-incell-wrapable td.k-edit-cell {
	/* NOTE: استفاده نشده در جایی*/
	/* هنگام ویرایش همه ادیتور همراه با خطا را نمایش بدهد */
	/* هنگام نمایش عادی چند خط نمایش داده می شود*/
	overflow: visible;
	white-space: nowrap;
}

/*.k-grid.k-grid-maxheight-xs .k-grid-content,
.k-grid.k-grid-maxheight-sm .k-grid-content,
.k-grid.k-grid-maxheight .k-grid-content,
.k-grid.k-grid-maxheight-lg .k-grid-content,
.k-grid.k-grid-maxheight-xl .k-grid-content {
	height: 100% !important;
}*/


.k-grid .k-header {
	line-height: 17px;
}

.k-grid.k-grid-hide-columnsrow .k-header {
	display: none;
}

.k-grid-header th.k-header > .k-link {
	line-height: inherit;
}

.k-grid tbody a.k-button {
	white-space: nowrap;
}

.k-grid tbody .k-button.k-grid-button-mini {
	width: auto;
	-moz-min-width: 0;
	-ms-min-width: 0;
	-o-min-width: 0;
	-webkit-min-width: 0;
	min-width: 0;
	line-height: inherit;
	padding-bottom: 0;
}

.k-grid tbody .k-button.k-grid-button {
	width: auto;
	min-width: 0;
	/* min-width is in REPONSIVE css*/
}
/*.k-grid tbody td.k-grid-buttoncell {
	padding-left: 0;
	padding-right: 0;
}*/

.k-grid tbody button.k-button {
	white-space: nowrap;
}

.k-grid tbody .k-button-icontext.k-button .k-icon {
	vertical-align: middle;
}


.k-grid-norecords {
	height: auto;
}

.k-block > .k-header, .k-window-titlebar {
	line-height: 1.1em;
}

.k-block.k-sticky-top {
	border-bottom: 0;
	-ms-border-bottom-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	-ms-border-bottom-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
	margin-bottom: 0;
	margin-top: 2px;
	font-weight: bold;
	padding: 2px 0 5px 0;
}

	.k-block.k-sticky-top .fa {
		color: darkgreen;
		font-size: 1.12em;
		padding-right: 8px;
		padding-left: 8px;
	}

.k-block.k-sticky-bottom {
	border-top: 0;
	-ms-border-top-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-top-left-radius: 0;
	border-top-left-radius: 0;
	-ms-border-top-right-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-top-right-radius: 0;
	border-top-right-radius: 0;
	margin-top: 0;
	margin-bottom: 2px;
}

	.k-block.k-sticky-bottom .fa {
		color: darkgreen;
		font-size: 1.12em;
		padding-right: 8px;
		padding-left: 8px;
	}

.k-selectable-grid-cursor tr {
	cursor: pointer;
}

.k-multiselect {
	min-width: 12.1em;
}

.k-multiselect-wrap .k-input {
	/* changing the color of the multiselect optional-label color*/
	color: gray;
}

.k-multiselect-maxheight {
	/* prevent kendo multiselect from increasing the height more and show a scroll when it happens*/
	max-height: 60px;
	overflow: auto;
}

.k-multiselect > span:last-child {
	/*رفع باگ اسکرول افقی صفحه که به علت افزودن لیبل نمایش داده می شود*/
	display: none;
}

.k-rtl .k-dirty {
	/*FIXING a bug i displaying the changed mark*/
	margin: -0.45em .8em 0 0;
}

.k-grid-emptyinput-as-eventholder {
	/* shows nothing only to capture events */
	background: transparent !important;
	font-size: 0 !important;
	width: 80% !important;
	height: 80% !important;
	padding: 0 !important;
	border: 0 !important;
	outline: 0 !important;
	margin: 1px 0px !important;
	cursor: default;
}

/* Grid inline button */
.k-grid-cellembeded .k-button {
	float: left;
}

	.k-grid-cellembeded .k-button.button {
		-moz-min-width: 0;
		-ms-min-width: 0;
		-o-min-width: 0;
		-webkit-min-width: 0;
		min-width: 0;
	}

.k-grid .k-edit-cell .k-tooltip {
	white-space: nowrap;
}

.k-numeric-wrap .k-button {
	-moz-min-width: 10px !important;
	-ms-min-width: 10px !important;
	-o-min-width: 10px !important;
	-webkit-min-width: 10px !important;
	min-width: 10px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.k-edit-cell .k-widget .k-button {
	left: 0 !important;
}

.k-webkit .k-rtl .k-dropdown-wrap .k-input, .k-webkit .k-rtl .k-numeric-wrap .k-input {
	margin-right: 0;
}

.k-button.k-button-icontext .k-icon, .k-button.k-button-icontext .k-image {
	vertical-align: middle !important;
}

.k-button.fullwidth {
	width: 100%;
}

.k-treeview .k-plus, .k-treeview .k-minus, .k-treeview .k-plus-disabled, .k-treeview .k-minus-disabled {
	margin-top: 6px;
}

.k-menu .k-item > .k-link > .k-icon, .k-menu .k-image, .k-menu .k-sprite {
	margin-left: 4px;
	margin-right: -4px;
}

.k-textbox.k-state-disabled {
	background-color: whitesmoke;
}

.k-textbox .k-icon {
	cursor: pointer;
}

.k-tabstrip-items .k-link, .k-panelbar .k-tabstrip-items .k-link {
	padding: 4px 0.92em 1px;
}


.k-dropdown-items-auto-width.k-list-container {
	-moz-min-width: 130px !important;
	-ms-min-width: 130px !important;
	-o-min-width: 130px !important;
	-webkit-min-width: 130px !important;
	min-width: 130px !important;
	width: auto !important;
}

	.k-dropdown-items-auto-width.k-list-container .k-list {
		width: auto !important;
	}


.k-radio-label:before {
	/*BUGFIX: به خاطر ارتفاع زیاد فونت باید فاصله رادیو تنظیم شود*/
	top: 2px;
}

.k-radio:checked + .k-radio-label:after {
	/*BUGFIX: به خاطر ارتفاع زیاد فونت باید فاصله رادیو تنظیم شود*/
	top: 5px;
}

.k-checkbox:checked + .k-checkbox-label:after {
	/*BUGFIX: به خاطر ارتفاع زیاد فونت باید فاصله چکباکس تنظیم شود*/
	top: 5px;
}

.k-checkbox-label:after {
	/*BUGFIX: به خاطر ارتفاع زیاد فونت باید فاصله چکباکس تنظیم شود*/
	top: 2px;
}

.k-checkbox-label:before {
	/*BUGFIX: به خاطر ارتفاع زیاد فونت باید فاصله چکباکس تنظیم شود*/
	top: 2px;
}

.k-checkbox.k-checkbox-intermidiate:checked + .k-checkbox-label::before {
	/* جهت افزودن نوع Intermidiate*/
	content: "⏹";
}

/* KENDO listview */
.k-listview-fullheight {
	overflow: auto;
	height: 100%;
}

	.k-listview-fullheight.k-selectable {
		cursor: pointer;
	}

.k-listview-fullheight-pageable {
	overflow: auto;
	height: calc(100% - 40px);
}

	.k-listview-fullheight-pageable.k-selectable {
		cursor: pointer;
	}

.k-listview-fullheight-pageable-noscroll {
	height: calc(100% - 40px);
}

	.k-listview-fullheight-pageable-noscroll.k-selectable {
		cursor: pointer;
	}




/* KENDO TreeView */
.k-treeview-break-long .k-treeview .k-item .k-in {
	white-space: normal;
	word-wrap: break-word;
	word-spacing: normal;
	-o-word-break: break-word;
	-moz-word-break: break-word;
	word-break: break-word;
}

/* FULL WIDTH HEIGHT*/
.k-fullwidth {
	width: 100%;
}

.k-fullwidth-forced {
	width: 100% !important;
}

.k-fullheight {
	height: 100%;
}

.k-fullheight-forced {
	height: 100% !important;
}



/*-------------------------------*/
/*-------------------------------*/
/*-------------------------------*/
/*-------------------------------*/
/*---erp-input-button --------- Text with button----------------------------*/
.erp-input-button {
	width: 12.4em;
	display: table;
	vertical-align: middle;
	height: 26px;
	/*float: none !important;*/
}

	.erp-input-button .erp-input-textgroup {
		display: table-cell;
		vertical-align: top;
		width: 100%;
	}

.erp-input-textgroup .k-textbox, .erp-input-textgroup .k-input {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	float: none !important;
	outline: none;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	-moz-min-width: 25px;
	-ms-min-width: 25px;
	-o-min-width: 25px;
	-webkit-min-width: 25px;
	min-width: 25px;
	padding: 2px 3px;
	text-indent: .33em;
	line-height: 26px;
	height: 2.21em !important;
}

.k-rtl .erp-input-textgroup .k-textbox, .k-rtl .erp-input-textgroup .k-input {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}



.erp-input-button .erp-input-btngroup {
	display: table-cell;
	vertical-align: top;
	white-space: nowrap;
	font-size: 0px;
}

.erp-input-btngroup .k-button {
	width: auto;
	height: 2.21em !important;
	font-size: 12px;
	display: inline-block;
	border-left-width: 0;
	border-radius: 0;
	white-space: nowrap;
	clear: none !important;
}

.k-rtl .erp-input-btngroup .k-button {
	border-left-width: 1px;
	border-right-width: 0;
}

.erp-input-btngroup .k-button:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.erp-input-btngroup .k-button img {
	margin: 0 -3.3px;
}


.k-rtl .erp-input-btngroup .k-button:last-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.erp-input-btngroup .k-button.erp-btnfixed-xs,
.erp-input-btngroup .k-button.erp-btnfixed-sm,
.erp-input-btngroup .k-button.erp-btnfixed,
.erp-input-btngroup .k-button.erp-btnfixed-lg,
.erp-input-btngroup .k-button.erp-btnfixed-xl {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}

.erp-input-btngroup .k-button.erp-btnfixed-xs {
	width: 15px;
}

.erp-input-btngroup .k-button.erp-btnfixed-sm {
	width: 20px;
}

.erp-input-btngroup .k-button.erp-btnfixed {
	width: 25px;
}

.erp-input-btngroup .k-button.erp-btnfixed-lg {
	width: 32px;
}

.erp-input-btngroup .k-button.erp-btnfixed-xl {
	width: 40px;
}

.erp-input-textgroup .k-autocomplete {
	width: 100%;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

	.erp-input-textgroup .k-autocomplete .k-input {
		height: 2.03em !important;
	}

.k-rtl .erp-input-textgroup .k-autocomplete {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.erp-input-textgroup .k-combobox {
	width: 100%;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}


.editor-fixedwidth .erp-input-button .erp-input-textgroup .k-textbox {
	width: 100%;
}

.editor-fixedwidth .erp-input-button .erp-input-textgroup .k-autocomplete {
	width: 100%;
}

/*-------------------------------*/
/*-------------------------------*/
/*---Text with button----------------------------*/
.k-input-button {
	background-image: url('/content/kendo/textures/highlight.png');
	background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
	background-image: none,-moz-linear-gradient(top,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
	background-image: none,-o-linear-gradient(top,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
	background-image: none,linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
	background-position: 50% 50%;
	background-color: #f6f6f6;
	border-color: rgb(206, 206, 210);
	/*----------------
	  ----------------*/
	white-space: nowrap;
	position: relative;
	overflow: visible;
	vertical-align: middle;
	float: left;
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-width: 1px;
	border-style: solid;
	padding: 0 1.9em 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 12.4em;
}

/*.k-input-button:before {
		content: "\a0";
		display: inline-block;
		width: 0;
		height: 1.65em;
		padding-bottom: .3em;
	}*/

.k-rtl .k-input-button {
	/*----------------
	  ----------------*/
	float: right;
	padding: 0 0 0 1.9em;
}

.k-input-button .k-input, .k-input-button .k-textbox {
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	vertical-align: top;
	outline: none;
	white-space: nowrap;
	width: 100%;
	height: 1.65em !important;
	line-height: 1.65em;
	padding: .177em 0;
	padding: 0.177em 0 0.177em 3px;
	text-indent: .33em;
	border: 0;
	margin: 0;
}

.k-rtl .k-input-button .k-input, .k-rtl .k-input-button .k-textbox {
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	padding: 0.177em 3px 0.177em 0;
}

.k-input-button button, .k-input-button .k-button {
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	border-style: solid;
	border-width: 0 0 0 1px;
	display: block;
	margin: 0;
	min-height: 1.65em;
	-moz-min-width: 10px;
	-ms-min-width: 10px;
	-o-min-width: 10px;
	-webkit-min-width: 10px;
	min-width: 10px;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	white-space: nowrap;
	width: 1.9em;
	height: 100%;
}

.k-rtl .k-input-button button, .k-rtl .k-input-button .k-button {
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	right: auto;
	left: 0;
	border-width: 0 1px 0 0;
	-moz-min-width: 10px;
	-ms-min-width: 10px;
	-o-min-width: 10px;
	-webkit-min-width: 10px;
	min-width: 10px;
	width: 1.9em;
}

.k-input-button .k-input-button-group {
	position: absolute;
	right: 0;
	left: auto;
	height: 100%;
	top: 0;
}

	.k-input-button .k-input-button-group .k-button {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		position: static;
		height: 100%;
		left: auto;
		float: left;
	}

		.k-input-button .k-input-button-group .k-button:last-child {
			-webkit-border-radius: 0 4px 4px 0;
			-moz-border-radius: 0 4px 4px 0;
			border-radius: 0 4px 4px 0;
		}

.k-rtl .k-input-button .k-input-button-group {
	right: auto;
	left: 0;
}

	.k-rtl .k-input-button .k-input-button-group .k-button {
		left: auto;
		float: right;
	}

		.k-rtl .k-input-button .k-input-button-group .k-button:last-child {
			-webkit-border-radius: 0 4px 4px 0;
			-moz-border-radius: 0 4px 4px 0;
			border-radius: 4px 0 0 4px;
		}

.k-edit-cell > .k-input-button, .k-grid-edit-row > td > .k-input-button, .k-grid-edit-row > td > .k-input-button {
	width: 100%;
}

/*-------------------------------*/
/*-------------------------------*/
/*-------------------------------*/
/*-------------------------------*/
.hidden-file-input-box {
	/*Using a background color, but you can use a background image to represent a button*/
	background-color: #DDF;
	display: none;
	width: 0;
	height: 0;
}

	.hidden-file-input-box input {
		/*Opacity settings for all browsers*/
		-ms-opacity: 0;
		-moz-opacity: 0;
		opacity: 0;
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	}

/*-------------------------------*/
/*-------------------------------*/
/*-------------------------------*/
/*-------------------------------*/
/*-------------------------------*/
/*JQuery EasyUI*/

body[dir='rtl'] .menu-text {
	/* fixing the right align of the context menu*/
	padding-right: 28px !important;
	padding-left: 3px !important;
	float: right !important;
}

tr.datagrid-row[node-id*='Company_Company'] .tree-title {
	color: #01015c;
	font-size: 1.1em;
	text-decoration: none;
	border-bottom: 1px dotted #01015c;
}

tr.datagrid-row[node-id*='Company_Company'] > td > div {
	padding-top: 5px;
	padding-bottom: 5px;
}

tr.datagrid-row[node-id*='Company_Company']:not(.datagrid-row-selected) > td {
	background-color: #ececff;
}

tr.datagrid-row[node-id*='Company_Company']:hover:not(.datagrid-row-selected) > td {
	background-color: #E2E2E2;
}

/*tr.datagrid-row[node-id*='Unit_Company']:not(.datagrid-row-selected) > td {
	background-color: #f1ffec;
} 
tr.datagrid-row[node-id*='Unit_Company']:hover:not(.datagrid-row-selected) > td {
	background-color: #E2E2E2;
} 

tr.datagrid-row[node-id*='Post_Company']:not(.datagrid-row-selected) > td {
	background-color: #ecf8ff;
} 
tr.datagrid-row[node-id*='Post_Company']:hover:not(.datagrid-row-selected) > td {
	background-color: #E2E2E2;
}*/
tr.datagrid-row[node-id*='~base'] .tree-title {
	color: #5d5d5d;
	font-size: .8em;
}

tr.datagrid-row[node-id*='~nochilds'] .tree-title,
tr.datagrid-row[node-id*='~nounit'] .tree-title,
tr.datagrid-row[node-id*='~nopost'] .tree-title {
	color: #730101;
	font-size: 1em;
}

tr.datagrid-row[node-id*='~break'] .tree-title {
	color: #808080;
	-font-style: italic;
	font-size: .85em;
}

tr.datagrid-row[node-id*='~break'] .tree-icon {
	background-image: url('/content/images/icon/tree-group-down16.png');
}

.datagrid-mask-msg {
	padding-top: 3px;
}

/*-------------------------------*/
/*-------------------------------*/
/*---------------------------------*/
/*---------------------------------*/
.tab-header {
	border: 1px solid silver;
	border-bottom-width: 2px;
	background-color: whitesmoke;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	margin-bottom: 5px;
	padding: 3px 5px;
}

	.tab-header > img {
		max-width: 32px;
		max-height: 32px;
	}

	.tab-header > span {
		font-weight: bold;
	}

		.tab-header > span + span {
			color: gray;
			font-weight: normal;
			font-size: smaller;
		}

/*-------------------------------*/
/*-------------------------------*/
/*-------------------------------*/
/*-------------------------------*/
.tab-tools, .grid-tools {
	margin-bottom: 1px;
	min-height: 20px;
	padding: 2px 5px;
	-ms-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid silver;
	/*-moz-box-shadow:inset 0 0 1px white, 0 0 5px silver;
	-webkit-box-shadow:inset 0 0 1px white, 0 0 5px silver;
	-ms-box-shadow:inset 0 0 1px white, 0 0 5px silver;
	box-shadow: inset 0 0 1px white, 0 0 5px silver;*/
	background: #e2e2e2;
	background: -moz-linear-gradient(top, #e2e2e2 0, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe));
	background: -webkit-linear-gradient(top, #e2e2e2 0,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
	background: -o-linear-gradient(top, #e2e2e2 0,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
	background: -ms-linear-gradient(top, #e2e2e2 0,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
	background: linear-gradient(to bottom, #e2e2e2 0,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
}

	.tab-tools:before, .grid-tools:before {
		content: "|";
	}

	.tab-tools button, .grid-tools button, .tab-tools .button, .grid-tools .button {
		font-size: 11px;
		border: 1px solid transparent;
		-moz-border-radius: 2px;
		-ms-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		padding: 2px 8px;
		background: none transparent;
		white-space: nowrap;
	}

		.tab-tools button:hover, .grid-tools button:hover, .tab-tools .button:hover, .grid-tools .button:hover {
			border-color: rgb(240, 201, 87);
			-webkit-box-shadow: 0 0 1px 1px rgb(255, 255, 255) inset;
			-ms-box-shadow: 0 0 1px 1px rgb(255, 255, 255) inset;
			-moz-box-shadow: 0 0 1px 1px rgb(255, 255, 255) inset;
			box-shadow: 0 0 1px 1px rgb(255, 255, 255) inset;
			background: linear-gradient(rgb(252, 237, 178), rgb(253, 253, 235)) repeat scroll 0 0 transparent;
		}

		.tab-tools button:active, .grid-tools button:active, .tab-tools .button:active, .grid-tools .button:active {
			border-color: rgb(240, 201, 87);
			-webkit-box-shadow: 0 0 4px 1px rgb(248, 209, 114) inset;
			-ms-box-shadow: 0 0 4px 1px rgb(248, 209, 114) inset;
			-moz-box-shadow: 0 0 4px 1px rgb(248, 209, 114) inset;
			box-shadow: 0 0 4px 1px rgb(248, 209, 114) inset;
			color: #515967;
		}

		.tab-tools button:disabled, .grid-tools button:disabled, .tab-tools .button:disabled, .grid-tools .button:disabled {
			color: #a6a6ad;
			-webkit-opacity: .7;
			opacity: .7;
		}

			.tab-tools button:disabled:active, .grid-tools button:disabled:active, .tab-tools .button:disabled:active, .grid-tools .button:disabled:active {
				border-color: transparent;
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none;
				background: none;
			}

			.tab-tools button:disabled:hover, .grid-tools button:disabled:hover, .tab-tools .button:disabled:hover, .grid-tools .button:disabled:hover {
				border-color: transparent;
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none;
				background: none;
			}

	.tab-tools input.k-textbox, .grid-tools input.k-textbox {
		width: auto !important;
	}

	.tab-tools .tab-tools-groups {
		display: inline;
	}

	.tab-tools .tab-tools-separator:before {
		content: "|";
		display: inline-block;
		width: 10px;
		margin: 0 2px;
		-ms-opacity: .5;
		-webkit-opacity: .5;
		opacity: .5;
		font-size: 1.2em;
	}

.tab-tools-separator {
	display: inline;
}

.grid-tools {
	border-color: rgb(219, 219,222);
	margin-bottom: 0;
	border-bottom-width: 0;
	-ms-border-bottom-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	-ms-border-bottom-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
	/*white*/
	background: -moz-linear-gradient(top, #f6f6f6 0, #ebebeb 50%, #e3e3e3 51%,white 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#f6f6f6), color-stop(50%,#ebebeb), color-stop(51%,#e3e3e3), color-stop(100%,white));
	background: -webkit-linear-gradient(top, #f6f6f6 0,#ebebeb 50%,#e3e3e3 51%,white 100%);
	background: -o-linear-gradient(top, #f6f6f6 0,#ebebeb 50%,#e3e3e3 51%,white 100%);
	background: -ms-linear-gradient(top, #f6f6f6 0,#ebebeb 50%,#e3e3e3 51%,white 100%);
	background: linear-gradient(to bottom, #f6f6f6 0,#ebebeb 50%,#e3e3e3 51%,white 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='white',GradientType=0 );
}

.grid-tools-bottom {
	border-bottom-width: 1px;
	-ms-border-bottom-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	border-bottom-left-radius: 2px;
	-ms-border-bottom-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border-top-width: 0;
	-ms-border-top-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	border-top-left-radius: 0;
	-ms-border-top-right-radius: 0;
	-webkit-border-top-right-radius: 0;
	border-top-right-radius: 0;
}

.k-block.k-sticky-top ~ .grid-tools {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
}

/*-------------------------------*/
/*-------------------------------*/
/*---------------------------------*/
/* NOTY */

.noty_modal {
	z-index: 20000 !important;
}

/*-------------------------------*/
/*-------------------------------*/
/*---------------------------------*/
/* Calendar styles*/
/* \Pub\Views\CalanderException\Index.cshtml */
.calendar-state-color-1 {
	padding: 0 10px;
}

.calendar-state-color-2 {
	background: rgb(255,246,241);
	background: -moz-linear-gradient(top, rgba(255,246,241,1) 0%, rgba(253,231,219,1) 50%, rgba(254,226,210,1) 51%, rgba(254,237,228,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,246,241,1) 0%,rgba(253,231,219,1) 50%,rgba(254,226,210,1) 51%,rgba(254,237,228,1) 100%);
	background: linear-gradient(to bottom, rgba(255,246,241,1) 0%,rgba(253,231,219,1) 50%,rgba(254,226,210,1) 51%,rgba(254,237,228,1) 100%);
	padding: 0 10px;
}

.calendar-state-color-3 {
	background: rgb(254,178,196);
	background: -moz-linear-gradient(top, rgba(254,178,196,1) 0%, rgba(254,172,191,1) 44%, rgba(255,163,184,1) 100%);
	background: -webkit-linear-gradient(top, rgba(254,178,196,1) 0%,rgba(254,172,191,1) 44%,rgba(255,163,184,1) 100%);
	background: linear-gradient(to bottom, rgba(254,178,196,1) 0%,rgba(254,172,191,1) 44%,rgba(255,163,184,1) 100%);
	padding: 0 10px;
}

.calendar-state-color-4 {
	background: rgb(254,178,196);
	background: -moz-linear-gradient(top, rgba(254,178,196,1) 0%, rgba(254,172,191,1) 44%, rgba(255,163,184,1) 100%);
	background: -webkit-linear-gradient(top, rgba(254,178,196,1) 0%,rgba(254,172,191,1) 44%,rgba(255,163,184,1) 100%);
	background: linear-gradient(to bottom, rgba(254,178,196,1) 0%,rgba(254,172,191,1) 44%,rgba(255,163,184,1) 100%);
	padding: 0 10px;
}

/*-------------------------------*/
/*-------------------------------*/
/*-------------------------------*/
/*-------------------------------*/
/*---------------------------------*/
/* Content Style */
.dir-rtl {
	direction: rtl;
}

.dir-ltr {
	direction: ltr;
}

.erp-bordered-gray {
	border: 1px solid gray;
}

.erp-bordered-silver {
	border: 1px solid silver;
}

.editor-ltr input, .editor-ltr textarea, .editor-ltr select {
	direction: ltr;
}

.editor-rtl input, .editor-rtl textarea, .editor-rtl select {
	direction: rtl;
}

input.k-rtl, textarea.k-rtl, select.k-rtl {
	direction: rtl;
}

input.k-ltr, textarea.k-ltr, select.k-ltr {
	direction: rtl;
}

.input-auto-width {
	width: auto;	
}


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

.editor-wrapper {
	display: inline-block;
	vertical-align: top;
}

	.editor-wrapper.fullwidth {
		width: 100%;
	}

.editor-wrapper-dialog {
	display: inline-block;
	vertical-align: top;
	padding: 0 10px 5px 10px;
}

	.editor-wrapper-dialog.fullwidth {
		width: 100%;
	}

/*.editor-wrapper.fullsize {
	width: 100%;
}*/

.editor-downbuttons {
	text-align: left;
	padding: 5px 5px;
}

.k-ltr .editor-downbuttons {
	text-align: right;
	direction: ltr;
	padding: 5px 5px;
}

.editor-heading {
	padding: 2px 15px;
	font-weight: bold;
	font-size: 13px;
	line-height: 20px;
}

.editor-column {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px 0 5px;
}

	.editor-column.fullwidth {
		width: 100%;
	}


.editor-group {
	display: inline-block;
	vertical-align: top;
	margin-left: 5px;
	margin-right: 10px;
}

	.editor-group.fullwidth {
		width: 99%;
		width: calc(100% - 5px);
		margin-left: 0;
		margin-right: 10px;
	}



.editor-field {
	-moz-min-width: 150px;
	-ms-min-width: 150px;
	-o-min-width: 150px;
	-webkit-min-width: 150px;
	min-width: 150px;
	display: inline-block;
	margin: 3px 0;
	vertical-align: middle;
}



	.editor-field.editor-fixedwidth {
		width: 150px;
	}

		.editor-field.editor-fixedwidth .k-upload,
		.editor-field.editor-fixedwidth .k-input,
		.editor-field.editor-fixedwidth input.k-textbox,
		.editor-field.editor-fixedwidth textarea.k-textbox,
		.editor-field.editor-fixedwidth input.k-textbox,
		.editor-field.editor-fixedwidth .k-textbox > input,
		.editor-field.editor-fixedwidth .k-autocomplete,
		.editor-field.editor-fixedwidth .k-input-button,
		.editor-field.editor-fixedwidth .erp-input-button,
		.editor-field.editor-fixedwidth .k-numerictextbox {
			width: 150px;
		}

		.editor-field.editor-fixedwidth .k-multiselect {
			width: 146px;
		}

.editor-group.fullwidth .editor-field {
	-moz-min-width: calc(100% - 140px);
	-ms-min-width: calc(100% - 140px);
	-o-min-width: calc(100% - 140px);
	-webkit-min-width: calc(100% - 140px);
	min-width: calc(100% - 140px);
}

	.editor-group.fullwidth .editor-field .k-upload,
	.editor-group.fullwidth .editor-field .k-input,
	.editor-group.fullwidth .editor-field input.k-textbox,
	.editor-group.fullwidth .editor-field textarea.k-textbox,
	.editor-group.fullwidth .editor-field input.k-textbox,
	.editor-group.fullwidth .editor-field .k-textbox > input,
	.editor-group.fullwidth .editor-field .k-multiselect,
	.editor-group.fullwidth .editor-field .k-autocomplete,
	.editor-group.fullwidth .editor-field .k-input-button,
	.editor-group.fullwidth .editor-field .erp-input-button,
	.editor-group.fullwidth .editor-field .k-numerictextbox {
		width: 100%;
	}


.editor-field-lg {
	-webkit-min-width: 170px;
	-moz-min-width: 170px;
	-ms-min-width: 170px;
	-o-min-width: 170px;
	min-width: 170px;
	display: inline-block;
	margin: 3px 0;
	vertical-align: middle;
}

	.editor-field-lg.editor-fixedwidth {
		width: 170px;
	}

		.editor-field-lg.editor-fixedwidth .k-upload,
		.editor-field-lg.editor-fixedwidth .k-input,
		.editor-field-lg.editor-fixedwidth input.k-textbox,
		.editor-field-lg.editor-fixedwidth textarea.k-textbox,
		.editor-field-lg.editor-fixedwidth input.k-textbox,
		.editor-field-lg.editor-fixedwidth .k-textbox > input,
		.editor-field-lg.editor-fixedwidth .k-autocomplete,
		.editor-field-lg.editor-fixedwidth .k-input-button,
		.editor-field-lg.editor-fixedwidth .erp-input-button,
		.editor-field-lg.editor-fixedwidth .k-numerictextbox {
			width: 170px;
		}

		.editor-field-lg.editor-fixedwidth .k-multiselect {
			width: 166px;
		}

.editor-group.fullwidth .editor-field-lg {
	-moz-min-width: calc(100% - 160px);
	-ms-min-width: calc(100% - 160px);
	-o-min-width: calc(100% - 160px);
	-webkit-min-width: calc(100% - 160px);
	min-width: calc(100% - 160px);
}

	.editor-group.fullwidth .editor-field-lg .k-upload,
	.editor-group.fullwidth .editor-field-lg .k-input,
	.editor-group.fullwidth .editor-field-lg input.k-textbox,
	.editor-group.fullwidth .editor-field-lg textarea.k-textbox,
	.editor-group.fullwidth .editor-field-lg input.k-textbox,
	.editor-group.fullwidth .editor-field-lg .k-textbox > input,
	.editor-group.fullwidth .editor-field-lg .k-multiselect,
	.editor-group.fullwidth .editor-field-lg .k-autocomplete,
	.editor-group.fullwidth .editor-field-lg .k-input-button,
	.editor-group.fullwidth .editor-field-lg .erp-input-button,
	.editor-group.fullwidth .editor-field-lg .k-numerictextbox {
		width: 100%;
	}


.editor-field-xl {
	-webkit-min-width: 200px;
	-moz-min-width: 200px;
	-ms-min-width: 200px;
	-o-min-width: 200px;
	min-width: 200px;
	display: inline-block;
	margin: 3px 0;
	vertical-align: middle;
}

	.editor-field-xl.editor-fixedwidth {
		width: 200px;
	}

		.editor-field-xl.editor-fixedwidth .k-upload,
		.editor-field-xl.editor-fixedwidth .k-input,
		.editor-field-xl.editor-fixedwidth input.k-textbox,
		.editor-field-xl.editor-fixedwidth textarea.k-textbox,
		.editor-field-xl.editor-fixedwidth input.k-textbox,
		.editor-field-xl.editor-fixedwidth .k-textbox > input,
		.editor-field-xl.editor-fixedwidth .k-autocomplete,
		.editor-field-xl.editor-fixedwidth .k-input-button,
		.editor-field-xl.editor-fixedwidth .erp-input-button,
		.editor-field-xl.editor-fixedwidth .k-numerictextbox {
			width: 200px;
		}

		.editor-field-xl.editor-fixedwidth .k-multiselect {
			width: 196px;
		}

.editor-group.fullwidth .editor-field-xl {
	-moz-min-width: calc(100% - 180px);
	-ms-min-width: calc(100% - 180px);
	-o-min-width: calc(100% - 180px);
	-webkit-min-width: calc(100% - 180px);
	min-width: calc(100% - 180px);
}

	.editor-group.fullwidth .editor-field-xl .k-upload,
	.editor-group.fullwidth .editor-field-xl .k-input,
	.editor-group.fullwidth .editor-field-xl input.k-textbox,
	.editor-group.fullwidth .editor-field-xl textarea.k-textbox,
	.editor-group.fullwidth .editor-field-xl input.k-textbox,
	.editor-group.fullwidth .editor-field-xl .k-textbox > input,
	.editor-group.fullwidth .editor-field-xl .k-autocomplete,
	.editor-group.fullwidth .editor-field-xl .k-input-button,
	.editor-group.fullwidth .editor-field-xl .erp-input-button,
	.editor-group.fullwidth .editor-field-xl .k-numerictextbox {
		width: 100%;
	}

.editor-field-2xl {
	-webkit-min-width: 436px;
	-moz-min-width: 436px;
	-ms-min-width: 436px;
	-o-min-width: 436px;
	min-width: 436px;
	display: inline-block;
	margin: 3px 0;
	vertical-align: middle;
}

	.editor-field-2xl.editor-fixedwidth {
		width: 436px;
	}

		.editor-field-2xl.editor-fixedwidth .k-upload,
		.editor-field-2xl.editor-fixedwidth .k-input,
		.editor-field-2xl.editor-fixedwidth input.k-textbox,
		.editor-field-2xl.editor-fixedwidth textarea.k-textbox,
		.editor-field-2xl.editor-fixedwidth input.k-textbox,
		.editor-field-2xl.editor-fixedwidth .k-textbox > input,
		.editor-field-2xl.editor-fixedwidth .k-autocomplete,
		.editor-field-2xl.editor-fixedwidth .k-input-button,
		.editor-field-2xl.editor-fixedwidth .erp-input-button,
		.editor-field-2xl.editor-fixedwidth .k-numerictextbox {
			width: 436px;
		}

		.editor-field-2xl.editor-fixedwidth .k-multiselect {
			width: 427px;
		}

.editor-group.fullwidth .editor-field-2xl {
	-moz-min-width: calc(100% - 410px);
	-ms-min-width: calc(100% - 410px);
	-o-min-width: calc(100% - 410px);
	-webkit-min-width: calc(100% - 410px);
	min-width: calc(100% - 410px);
}

	.editor-group.fullwidth .editor-field-2xl .k-upload,
	.editor-group.fullwidth .editor-field-2xl .k-input,
	.editor-group.fullwidth .editor-field-2xl input.k-textbox,
	.editor-group.fullwidth .editor-field-2xl textarea.k-textbox,
	.editor-group.fullwidth .editor-field-2xl input.k-textbox,
	.editor-group.fullwidth .editor-field-2xl .k-textbox > input,
	.editor-group.fullwidth .editor-field-2xl .k-autocomplete,
	.editor-group.fullwidth .editor-field-2xl .k-input-button,
	.editor-group.fullwidth .editor-field-2xl .erp-input-button,
	.editor-group.fullwidth .editor-field-2xl .k-numerictextbox {
		width: 100%;
	}

.editor-field-sm {
	-moz-min-width: 130px;
	-ms-min-width: 130px;
	-o-min-width: 130px;
	-webkit-min-width: 130px;
	min-width: 130px;
	display: inline-block;
	margin: 3px 0;
	vertical-align: middle;
}

	.editor-field-sm.editor-fixedwidth {
		width: 130px;
	}

		.editor-field-sm.editor-fixedwidth .k-upload,
		.editor-field-sm.editor-fixedwidth .k-input,
		.editor-field-sm.editor-fixedwidth input.k-textbox,
		.editor-field-sm.editor-fixedwidth textarea.k-textbox,
		.editor-field-sm.editor-fixedwidth input.k-textbox,
		.editor-field-sm.editor-fixedwidth .k-textbox > input,
		.editor-field-sm.editor-fixedwidth .k-autocomplete,
		.editor-field-sm.editor-fixedwidth .k-input-button,
		.editor-field-sm.editor-fixedwidth .erp-input-button,
		.editor-field-sm.editor-fixedwidth .k-numerictextbox {
			width: 130px;
		}

		.editor-field-sm.editor-fixedwidth .k-multiselect {
			width: 126px;
		}

.editor-group.fullwidth .editor-field-sm {
	-moz-min-width: calc(100% - 120px);
	-ms-min-width: calc(100% - 120px);
	-o-min-width: calc(100% - 120px);
	-webkit-min-width: calc(100% - 120px);
	min-width: calc(100% - 120px);
}

	.editor-group.fullwidth .editor-field-sm .k-upload,
	.editor-group.fullwidth .editor-field-sm .k-input,
	.editor-group.fullwidth .editor-field-sm input.k-textbox,
	.editor-group.fullwidth .editor-field-sm textarea.k-textbox,
	.editor-group.fullwidth .editor-field-sm input.k-textbox,
	.editor-group.fullwidth .editor-field-sm .k-textbox > input,
	.editor-group.fullwidth .editor-field-sm .k-multiselect,
	.editor-group.fullwidth .editor-field-sm .k-autocomplete,
	.editor-group.fullwidth .editor-field-sm .k-input-button,
	.editor-group.fullwidth .editor-field-sm .erp-input-button,
	.editor-group.fullwidth .editor-field-sm .k-numerictextbox {
		width: 100%;
	}


.editor-field-xs {
	-moz-min-width: 100px;
	-ms-min-width: 100px;
	-o-min-width: 100px;
	-webkit-min-width: 100px;
	min-width: 100px;
	display: inline-block;
	margin: 3px 0;
	vertical-align: middle;
}


	.editor-field-xs.editor-fixedwidth {
		width: 100px;
	}

		.editor-field-xs.editor-fixedwidth .k-upload,
		.editor-field-xs.editor-fixedwidth .k-input,
		.editor-field-xs.editor-fixedwidth input.k-textbox,
		.editor-field-xs.editor-fixedwidth textarea.k-textbox,
		.editor-field-xs.editor-fixedwidth input.k-textbox,
		.editor-field-xs.editor-fixedwidth .k-textbox > input,
		.editor-field-xs.editor-fixedwidth .k-autocomplete,
		.editor-field-xs.editor-fixedwidth .k-input-button,
		.editor-field-xs.editor-fixedwidth .erp-input-button,
		.editor-field-xs.editor-fixedwidth .k-numerictextbox {
			width: 100px;
		}

		.editor-field-xs.editor-fixedwidth .k-multiselect {
			width: 96px;
		}

.editor-group.fullwidth .editor-field-xs {
	-moz-min-width: calc(100% - 91px);
	-ms-min-width: calc(100% - 91px);
	-o-min-width: calc(100% - 91px);
	-webkit-min-width: calc(100% - 91px);
	min-width: calc(100% - 91px);
}

	.editor-group.fullwidth .editor-field-xs .k-upload,
	.editor-group.fullwidth .editor-field-xs .k-input,
	.editor-group.fullwidth .editor-field-xs input.k-textbox,
	.editor-group.fullwidth .editor-field-xs textarea.k-textbox,
	.editor-group.fullwidth .editor-field-xs input.k-textbox,
	.editor-group.fullwidth .editor-field-xs .k-textbox > input,
	.editor-group.fullwidth .editor-field-xs .k-multiselect,
	.editor-group.fullwidth .editor-field-xs .k-autocomplete,
	.editor-group.fullwidth .editor-field-xs .k-input-button,
	.editor-group.fullwidth .editor-field-xs .erp-input-button,
	.editor-group.fullwidth .editor-field-xs .k-numerictextbox {
		width: 100%;
	}

.editor-field .form-control,
.editor-field .pcalBtn,
.editor-field .k-widget,
.editor-field .k-input-button,
.editor-field .erp-input-button,
.editor-field .k-textbox,
.editor-field .editor-widget,
.editor-field .editor-icon,
.editor-field-lg .pcalBtn,
.editor-field-lg .k-widget,
.editor-field-lg .k-input-button,
.editor-field-lg .erp-input-button,
.editor-field-lg .k-textbox,
.editor-field-xl .pcalBtn,
.editor-field-xl .k-widget,
.editor-field-xl .k-input-button,
.editor-field-xl .erp-input-button,
.editor-field-xl .k-textbox,
.editor-field-2xl .pcalBtn,
.editor-field-2xl .k-widget,
.editor-field-2xl .k-input-button,
.editor-field-2xl .erp-input-button,
.editor-field-2xl .k-textbox,
.editor-field-sm .pcalBtn,
.editor-field-sm .k-widget,
.editor-field-sm .k-input-button,
.editor-field-sm .erp-input-button,
.editor-field-sm .k-textbox,
.editor-field-xs .pcalBtn,
.editor-field-xs .k-widget,
.editor-field-xs .k-input-button,
.editor-field-xs .erp-input-button,
.editor-field-xs .k-textbox {
	float: left;
}

.k-rtl .editor-field .form-control,
.k-rtl .editor-field .pcalBtn,
.k-rtl .editor-field .k-widget,
.k-rtl .editor-field .k-input-button,
.k-rtl .editor-field .erp-input-button,
.k-rtl .editor-field .k-textbox,
.k-rtl .editor-field .editor-widget,
.k-rtl .editor-field .editor-icon,
.k-rtl .editor-field-lg .pcalBtn,
.k-rtl .editor-field-lg .k-widget,
.k-rtl .editor-field-lg .k-input-button,
.k-rtl .editor-field-lg .erp-input-button,
.k-rtl .editor-field-lg .k-textbox,
.k-rtl .editor-field-xl .pcalBtn,
.k-rtl .editor-field-xl .k-widget,
.k-rtl .editor-field-xl .k-input-button,
.k-rtl .editor-field-xl .erp-input-button,
.k-rtl .editor-field-xl .k-textbox,
.k-rtl .editor-field-2xl .pcalBtn,
.k-rtl .editor-field-2xl .k-widget,
.k-rtl .editor-field-2xl .k-input-button,
.k-rtl .editor-field-2xl .erp-input-button,
.k-rtl .editor-field-2xl .k-textbox,
.k-rtl .editor-field-sm .pcalBtn,
.k-rtl .editor-field-sm .k-widget,
.k-rtl .editor-field-sm .k-input-button,
.k-rtl .editor-field-sm .erp-input-button,
.k-rtl .editor-field-sm .k-textbox,
.k-rtl .editor-field-xs .pcalBtn,
.k-rtl .editor-field-xs .k-widget,
.k-rtl .editor-field-xs .k-input-button,
.k-rtl .editor-field-xs .erp-input-button,
.k-rtl .editor-field-xs .k-textbox {
	float: right;
}

.editor-field .k-widget.k-grid {
	float: none;
}

.editor-icon {
	padding-top: 8px;
}

.editor-resize {
	-moz-min-width: 150px;
	-ms-min-width: 150px;
	-o-min-width: 150px;
	-webkit-min-width: 150px;
	min-width: 150px;
}

.editor-resize-lg {
	-webkit-min-width: 170px;
	-moz-min-width: 170px;
	-ms-min-width: 170px;
	-o-min-width: 170px;
	min-width: 170px;
}

.editor-resize-xl {
	-webkit-min-width: 200px;
	-moz-min-width: 200px;
	-ms-min-width: 200px;
	-o-min-width: 200px;
	min-width: 200px;
}

.editor-resize-sm {
	-moz-min-width: 130px;
	-ms-min-width: 130px;
	-o-min-width: 130px;
	-webkit-min-width: 130px;
	min-width: 130px;
}

.editor-resize-xs {
	-moz-min-width: 100px;
	-ms-min-width: 100px;
	-o-min-width: 100px;
	-webkit-min-width: 100px;
	min-width: 100px;
}

/*.editor-field-fullsize {
	-moz-min-width: calc(100% - 130px);
	-ms-min-width: calc(100% - 130px);
	-o-min-width: calc(100% - 130px);
	-webkit-min-width: calc(100% - 130px);
	min-width: calc(100% - 130px);
	display: inline-block;
	margin: 3px 0;
	vertical-align: middle;
}*/

.editor-label-middle {
    -moz-min-width: 120px;
    -ms-min-width: 120px;
    -o-min-width: 120px;
    -webkit-min-width: 120px;
    min-width: 120px;
    display: inline;
    vertical-align: middle;
    padding-left:5px
}

.editor-label {
	-moz-min-width: 120px;
	-ms-min-width: 120px;
	-o-min-width: 120px;
	-webkit-min-width: 120px;
	min-width: 120px;
	display: inline-block;
	vertical-align: middle;
}



	.editor-label.editor-fixedwidth {
		width: 120px;
	}

.editor-label-lg {
	-webkit-min-width: 140px;
	-moz-min-width: 140px;
	-ms-min-width: 140px;
	-o-min-width: 140px;
	min-width: 140px;
	display: inline-block;
	vertical-align: middle;
}

	.editor-label-lg.editor-fixedwidth {
		width: 140px;
	}

.editor-label-xl {
	-webkit-min-width: 160px;
	-moz-min-width: 160px;
	-ms-min-width: 160px;
	-o-min-width: 160px;
	min-width: 160px;
	display: inline-block;
	vertical-align: middle;
}

	.editor-label-xl.editor-fixedwidth {
		width: 160px;
	}

.editor-label-xxl {
	-webkit-min-width: 200px;
	-moz-min-width: 200px;
	-ms-min-width: 200px;
	-o-min-width: 200px;
	min-width: 200px;
	display: inline-block;
	vertical-align: middle;
}

	.editor-label-xxl.editor-fixedwidth {
		width: 200px;
	}

.editor-label-sm {
	-webkit-min-width: 100px;
	-moz-min-width: 100px;
	-ms-min-width: 100px;
	-o-min-width: 100px;
	min-width: 100px;
	display: inline-block;
	vertical-align: middle;
}

	.editor-label-sm.editor-fixedwidth {
		width: 100px;
	}

.editor-label-xs {
	-webkit-min-width: 70px;
	-moz-min-width: 70px;
	-ms-min-width: 70px;
	-o-min-width: 70px;
	min-width: 70px;
	display: inline-block;
	vertical-align: middle;
}

	.editor-label-xs.editor-fixedwidth {
		width: 70px;
	}

.editor-label-zero {
	-webkit-min-width: 0;
	-moz-min-width: 0;
	-ms-min-width: 0;
	-o-min-width: 0;
	min-width: 0;
	display: inline-block;
	vertical-align: middle;
}

	.editor-label-zero.editor-fixedwidth {
		width: 0;
	}

.editor-label-top {
	margin-top: 3px;
	vertical-align: top;
}

.label-rtl-to-ltr {
	text-align: left;
	direction: rtl;
}

.label-ltr-to-rtl {
	text-align: right;
	direction: ltr;
}

.label-rtl {
	direction: rtl;
}

.label-ltr {
	direction: ltr;
}

.label-rtl-start {
	direction: rtl;
	text-align: start;
}

.label-rtl-end {
	direction: rtl;
	text-align: end;
}

.label-ltr-start {
	direction: ltr;
	text-align: start;
}

.label-ltr-end {
	direction: ltr;
	text-align: end;
}

.editor-description {
	color: gray;
	font-size: .8em;
	display: inline-block;
}

.editor-field-description {
	color: gray;
	font-size: .8em;
	display: block;
	padding-bottom: 2px;
}

.k-state-focused .editor-field-description {
	color: gray;
}

.k-state-selected .editor-field-description {
	color: whitesmoke;
}

.k-state-hover .editor-field-description {
	color: gray;
}

.editor-required:after {
	content: " • ";
	color: red;
}

.editor-has-date .k-autocomplete,
.editor-has-date .k-combobox,
.editor-has-date .k-datepicker,
.editor-has-date .k-timepicker,
.editor-has-date .k-datetimepicker,
.editor-has-date .k-colorpicker,
.editor-has-date .k-numerictextbox,
.editor-has-date .k-dropdown,
.editor-has-date .k-selectbox,
.editor-has-date .k-textbox,
.editor-has-date .k-toolbar .k-split-button {
	/* Editor that has persiancalendar control attached! */
	/* Making space for date icon */
	width: 10.7em;
}

.editor-has-datetime .k-autocomplete,
.editor-has-datetime .k-combobox,
.editor-has-datetime .k-datepicker,
.editor-has-datetime .k-timepicker,
.editor-has-datetime .k-datetimepicker,
.editor-has-datetime .k-colorpicker,
.editor-has-datetime .k-numerictextbox,
.editor-has-datetime .k-dropdown,
.editor-has-datetime .k-selectbox,
.editor-has-datetime .k-textbox,
.editor-has-datetime .k-toolbar .k-split-button {
	/* Editor that has persiancalendar control attached! */
	/* Making space for date icon */
	width: 12.4em;
}
/*---------------------------------*/
/* FORM ELEMENTS*/
.button {
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 2px;
	margin-top: 2px;
	white-space: nowrap;
}

	.button.default {
		font-weight: bold;
		-moz-min-width: 100px;
		-ms-min-width: 100px;
		-o-min-width: 100px;
		-webkit-min-width: 100px;
		min-width: 100px;
	}

button.button-auto-width,
input[type=button].button-auto-width,
input[type=reset].button-auto-width,
input[type=submit].button-auto-width,
.k-button.button-auto-width {
	width: auto !important;
	-moz-min-width: auto !important;
	-ms-min-width: auto !important;
	-o-min-width: auto !important;
	-webkit-min-width: auto !important;
	min-width: auto !important;
}

button.button-sm-width,
input[type=button].button-sm-width,
input[type=reset].button-sm-width,
input[type=submit].button-sm-width,
.k-button.button-sm-width {
	-moz-min-width: 60px !important;
	-ms-min-width: 60px !important;
	-o-min-width: 60px !important;
	-webkit-min-width: 60px !important;
	min-width: 60px !important;
}



textarea.k-textbox {
	line-height: 1.6em;
	padding: 2px 0.3em;
}

/*مخفی کردن بالا پایین برای نوع متنی عددی*/
input[type=number].no-spinner::-webkit-outer-spin-button,
input[type=number].no-spinner::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number].no-spinner {
	-moz-appearance: textfield;
}

/* نمایش صحیح اسپینر*/
.k-webkit input[type=number].k-textbox {
	line-height: 30px;
	padding-top: 0;
	padding-bottom: 0;
}


/* KEEP space for scrollbar*/
.k-ff .scrollbar-reserve-padding {
	padding-right: 20px !important;
	padding-left: inherit !important;
}

.k-ff .k-rtl .scrollbar-reserve-padding {
	padding-left: 20px !important;
	padding-right: inherit !important;
}

/* TEXT styles*/
.text-bold {
	font-weight: bold;
}

.text-start {
	text-align: left;
}

.text-end {
	text-align: right;
}

.k-rtl .text-start {
	text-align: right;
}

.k-rtl .text-end {
	text-align: left;
}

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

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

.text-center {
	text-align: center;
}

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

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

.text-word-break {
	white-space: normal;
	-o-word-break: break-all;
	-ms-word-break: break-all;
	word-break: break-all;
}

.text-nowrap {
	white-space: nowrap;
}

.text-nowrap-ellipsis {
	white-space: nowrap;
	-webkit-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.center-block {
	margin-right: auto;
	margin-left: auto;
}

.no-float {
	float: none;
}

.resize-vertical {
	-moz-resize: vertical;
	-ms-resize: vertical;
	-o-resize: vertical;
	-webkit-resize: vertical;
	resize: vertical;
}

.overflow-autoscroll {
	overflow: auto;
}

.overflow-hidden {
	overflow: hidden;
}

/* language-input */
.language-input {
	cursor: text;
}

	.language-input, .language-input:hover {
		background-image: url('/content/images/icon/language-globe16.png') !important;
		background-position: -webkit-calc(100% - 5px) center !important;
		background-position: -moz-calc(100% - 5px) center !important;
		background-position: calc(100% - 5px) center !important;
		background-repeat: no-repeat !important;
	}

.k-rtl .language-input, .k-rtl .language-input:hover {
	background-image: url('/content/images/icon/language-globe16.png') !important;
	background-position: 5px center !important;
	background-repeat: no-repeat !important;
}

.minheight-150 {
	/*استفاده شده در کارتابل _ContentPreview.cshtml */
	min-height: 150px !important;
}

.bg-white {
	/*استفاده شده در کارتابل _ContentPreview.cshtml */
	background-color: white;
}

/*-------------------------------*/
.k-kendo-busy-container {
	position: relative;
}

/*-------------------------------*/
/*-------------------------------*/
/*-------------------------------*/
/*-------------------------------*/
/*---------------------------------*/
/* styles for validation helpers */

input.input-validation-error, input.k-invalid, textarea.k-invalid {
	border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error, input[type="checkbox"].k-invalid {
	border: 0 none;
}

.validation-summary-errors {
	color: #e80c4d;
	font-weight: bold;
	font-size: 1.1em;
	line-height: normal;
}

	.validation-summary-errors ul {
		margin-bottom: 2px;
		margin-top: 2px;
		padding: 0;
		padding-right: 20px;
		margin: 2px 0;
	}

.validation-summary-valid {
	display: none;
}

/* FIELD Validations */


.field-validation-error {
	float: right;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-ms-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
	font-size: 1em;
}

	.field-validation-error:hover,
	.k-tooltip-validation.k-invalid-msg:hover {
		opacity: .6;
	}


.k-rtl .field-validation-error {
	float: left;
}

.k-grid .k-tooltip-validation.k-invalid-msg, .k-grid .field-validation-error {
	float: none;
	display: block;
}

.k-tooltip-validation.k-invalid-msg, .field-validation-error {
	pointer-events: none;
	opacity: .9;
	background-repeat: repeat-x;
	-moz-min-width: 70px;
	-ms-min-width: 70px;
	-o-min-width: 70px;
	-webkit-min-width: 70px;
	min-width: 70px;
	position: absolute !important;
	text-align: center;
	z-index: 1000;
	outline: 0 none;
	background-image: url("/content/images/field-tooltip.png");
	background-position: center center;
	background-color: #FFF4C9 !important;
	border: solid 1px #FFE79E;
	color: #635145;
	/*margin-right: 6px;*/
	display: inline-block;
	padding: 2px 5px 1px 6px;
	-ms-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
	font-weight: normal;
	font-size: .85em;
	width: fit-content;
}

	.field-validation-error span, .k-tooltip-validation.k-invalid-msg span {
		color: #635145;
		font-weight: normal;
		font-size: .85em;
		text-align: left;
		/*background: url('/content/images/icon/warning16.png') center right no-repeat;*/
	}

		/*.field-validation-error.k-tooltip {
		position: fixed;
		position: absolute;
	}*/

		.field-validation-error span.k-icon, .k-tooltip-validation.k-invalid-msg span.k-icon {
			padding-right: 2px;
			font-size: 1em;
			margin: 2px;
		}

.k-window .k-tooltip-validation.k-invalid-msg, .k-window .field-validation-error {
	position: fixed !important;
}

.k-widget.k-tooltip-validation {
	background-color: #ffffe3;
}


/*---------------------------------*/
/*---------------------------------*/
/* tabstrip-flat-style */
.tabstrip-flat-style {
}

	.tabstrip-flat-style.k-tabstrip > .k-content {
		margin: 0 !important;
	}

	.tabstrip-flat-style .k-tabstrip-items .k-link {
		padding: 8px 16px 2px;
	}

	.tabstrip-flat-style .k-tabstrip-items .k-item {
		border-radius: 0;
		font-size: 1.1em;
	}

	.tabstrip-flat-style .k-tabstrip-items {
		padding: 0;
		margin-bottom: 1px;
	}

		.tabstrip-flat-style .k-tabstrip-items .k-loading.k-complete {
			background-image: none;
		}

	.tabstrip-flat-style .k-tabstrip-items {
		padding: 0;
		margin-bottom: 0px;
	}

/*---------------------------------*/
/*---------------------------------*/
/*---------------------------------*/
/* GENERAL STYLES that overrides*/
.vertical-align-top {
	vertical-align: top;
}

.vertical-align-bottom {
	vertical-align: bottom;
}

.vertical-align-middle {
	vertical-align: middle;
}

/*-------------------------------*/
/*-------------------------------*/
/*---------------------------------*/
/*---------------------------------*/
/* Forms styles */

.k-rtl .pull-start {
	float: right;
}

.k-rtl .pull-end {
	float: left;
}

.k-ltr .pull-start {
	float: left;
}

.k-ltr .pull-end {
	float: right;
}


.no-padding-right {
	padding-right: 0;
}

.no-padding-left {
	padding-left: 0;
}

.no-margin-right {
	margin-right: 0;
}

.no-margin-left {
	margin-left: 0;
}

.auto-margin {
	margin: auto;
}

.hidden {
	display: none !important;
	visibility: hidden !important;
}

.visible-fullscreen {
	display: none;
}


:-webkit-full-screen .visible-fullscreen {
	display: initial;
}

:-moz-full-screen .visible-fullscreen {
	display: initial;
}

:-ms-fullscreen .visible-fullscreen {
	display: initial;
}

:fullscreen .visible-fullscreen {
	display: initial;
}

.hidden-fullscreen {
}


:-webkit-full-screen .hidden-fullscreen {
	display: none;
}

:-moz-full-screen .hidden-fullscreen {
	display: none;
}

:-ms-fullscreen .hidden-fullscreen {
	display: none;
}

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


.content-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-ms-opacity: .07;
	-webkit-opacity: .07;
	opacity: .07;
	-ms-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: silver;
	background-color: rgba(0, 0, 0, 0.85);
	z-index: 9999;
	margin-right: -2px;
	-webkit-box-shadow: 0 0 20px black;
	-moz-box-shadow: 0 0 20px black;
	box-shadow: 0 0 20px black;
	margin-left: -2px;
}

	.content-overlay:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -0.25em;
	}

.has-overlay {
	/*  */
	position: relative;
}


hr.afshin-line {
	/* فقط به خاطر افشین نوبخت*/
	margin-bottom: 10px;
	border: 0;
	height: 1px;
	background-color: silver;
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(165,165,165,0.65) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(165,165,165,0.65) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(165,165,165,0.65) 100%);
}

.k-ltr hr.afshin-line {
	background: -moz-linear-gradient(left, rgba(165,165,165,0.65) 0%,rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(165,165,165,0.65) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(165, 165, 165, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
}

hr.afshin-line-shekhamdar {
	/* فقط به خاطر افشین نوبخت*/
	margin-bottom: 15px;
	margin-top: 10px;
	border: 0;
	height: 1px;
	background-color: silver;
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(165,165,165,0.65) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(165,165,165,0.65) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(165,165,165,0.65) 100%);
}

.k-ltr hr.afshin-line-shekhamdar {
	background: -moz-linear-gradient(left, rgba(165,165,165,0.65) 0%,rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(165,165,165,0.65) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(165, 165, 165, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
}

hr.afshin-line-center {
	margin-bottom: 10px;
	border: 0;
	height: 1px;
	background-color: silver;
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(165,165,165,0.65) 50%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(165,165,165,0.65) 50%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(165,165,165,0.65) 50%, rgba(0,0,0,0) 100%);
}

/*-------------------------------*/
/*-------------------------------*/
/*-------------------------------*/
/*-------------------------------*/
/* Color Codes */
.color-success {
	color: #507f50;
}

.color-info {
	color: #2c4f8f;
}

.color-important {
	color: #b44700;
}

.color-error {
	color: #7f5050;
}

/*-------------------------------*/
/*-------------------------------*/
/*---------------------------------*/
/*---------------------------------*/
.icon {
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: middle;
}

	.icon.icon16 {
		width: 16px;
		height: 16px;
		vertical-align: middle;
	}

	.icon.icon20 {
		width: 20px;
		height: 20px;
		vertical-align: middle;
	}

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

/*---------------------------------*/
/* شیوه ارسال ویزارد تأیید و پرداخت سفارش */
img.ocw-deliverlogo {
	width: 70px;
	max-height: 47px;
}




/*################################################################*/

.k-grid tbody .k-button {
    min-width: 25px !important;
}

.k-rtl .k-button-icontext .k-icon {
    margin: 0 !important;
}

.k-button.k-button-icontext.k-grid-Delete span {
    background-position: -48px -16px;
    background-image: url(../kendo/Silver/sprite.png);
    border-color: transparent;
    width: 15px !important;
    display: inline-block;
    opacity: 1;
    height: 15px;
    vertical-align:middle;
}

.k-icon.k-i-add {
    background-image: url(../images/icon/add16.png) !important;    
}

.k-rtl .k-button-icontext .k-icon.k-i-add {
    margin-left: 4px !important;
}

.k-icon.k-i-filter {
    background-position-y: -80px;
    background-position-x: -30px;
}

.k-webkit .k-grid .k-grid-content {
  /*  height: calc(100% - 73px) !important*/
}

.top-g-row {
    height: 79px !important;
}

.dashboard-filter {
    padding: 5px;
    border: 1px solid gray;
    margin: 10px;
    border-radius: 5px;
    background-color: #82dc83;
    box-sizing: unset;
    direction: rtl;
}



.icon.ico-save16 {
	background-image: url(/content/images/icon/save16.png);
	width: 16px;
	height: 16px;
}

.icon.ico-wait16 {
	background-image: url(/content/images/icon/wait16.gif);
	width: 16px;
	height: 16px;
}

.icon.ico-country16 {
	background-image: url(/content/images/icon/country16.png);
	width: 16px;
	height: 16px;
}

.icon.icon-country16 {
	background-image: url(/content/images/icon/country16.png);
}

.icon.ico-city16 {
	background-image: url(/content/images/icon/city16.png);
	width: 16px;
	height: 16px;
}

.icon.icon-city16 {
	background-image: url(/content/images/icon/city16.png);
}

.icon.ico-state16 {
	background-image: url(/content/images/icon/state16.png);
	width: 16px;
	height: 16px;
}

.icon.icon-state16 {
	background-image: url(/content/images/icon/state16.png);
}

.icon.ico-world16 {
	background-image: url(/content/images/icon/world16.png);
	width: 16px;
	height: 16px;
}

.icon.ico-close16 {
	background-image: url(/content/images/icon/close16.png);
	width: 16px;
	height: 16px;
}

.icon.ico-exit20 {
	background-image: url(/content/images/icon/exit20.png);
	width: 20px;
	height: 20px;
}

.icon.ico-edit16 {
	background-image: url(/content/images/icon/edit16.png);
	width: 16px;
	height: 16px;
}

.icon.icon-edit16 {
	background-image: url(/content/images/icon/edit16.png);
}

.icon.ico-entity-pattern16 {
	background-image: url(/content/images/icon/entity-pattern16.png);
	width: 16px;
	height: 16px;
}

.icon.ico-delete16 {
	background-image: url(/content/images/icon/delete16.png);
	width: 16px;
	height: 16px;
}

.icon.ico-add16 {
	background-image: url(/content/images/icon/add16.png);
	width: 16px;
	height: 16px;
}

.icon.icon-delete16 {
	background-image: url(/content/images/icon/delete16.png);
	background-position: 0 0;
}

.icon.icon-company-setting16 {
	background-image: url(/content/images/icon/company-setting16.png);
	background-position: 0 0;
}

.icon.icon-company16 {
	background-image: url(/content/images/icon/company16.png);
	background-position: 0 0;
}

.icon.icon-company16t1 {
	background-image: url(/content/images/icon/company16t1.png);
	background-position: 0 0;
}

.icon.icon-company16t2 {
	background-image: url(/content/images/icon/company16t2.png);
	background-position: 0 0;
}

.icon.icon-company16t3 {
	background-image: url(/content/images/icon/company16t3.png);
	background-position: 0 0;
}

.icon.icon-company16t4 {
	background-image: url(/content/images/icon/company16t4.png);
	background-position: 0 0;
}

.icon.icon-company16t5 {
	background-image: url(/content/images/icon/company16t5.png);
	background-position: 0 0;
}

.icon.icon-company16t6 {
	background-image: url(/content/images/icon/company16t6.png);
	background-position: 0 0;
}

.icon.icon-referenceGroup {
	background-image: url(/content/images/icon/ReferenceGroup.png);
	background-position: 0 0;
}

.icon.icon-unit16 {
	background-image: url(/content/images/icon/unit16.png);
	background-position: 0 0;
}

.icon.icon-post16 {
	background-image: url(/content/images/icon/post16.png);
	background-position: 0 0;
}

.icon.icon-currency16 {
	background-image: url(/content/ribbon/icons/small/واحدهای-ارزی.png);
	background-position: 0 0;
}

.icon.icon-warning16 {
	background-image: url(/content/images/icon/warning16.png);
	background-position: 0 0;
}

.icon.icon-departmentChart16 {
	background-image: url(/content/images/icon/departmentchart16.png);
	background-position: 0 0;
}

.icon.icon-acc-group16,
.icon.icon-acc-node-type1 {
	background-image: url(/content/images/icon/acc-group16.png);
	background-position: 0 0;
}

.icon.icon-acc-ledger16,
.icon.icon-acc-node-type2 {
	background-image: url(/content/images/icon/acc-ledger16.png);
	background-position: 0 0;
}

.icon.icon-acc-moein16,
.icon.icon-acc-node-type3 {
	background-image: url(/content/images/icon/acc-moein16.png);
	background-position: 0 0;
}

.icon.icon-acc-acount16 {
	background-image: url(/content/images/icon/acc-account16.png);
	background-position: 0 0;
}

.icon.icon-disable16 {
	background-image: url(/content/images/icon/disable16.png);
	background-position: 0 0;
}

.icon.icon-acc-detail16 {
	background-image: url(/content/images/icon/acc-detail16.png);
	background-position: 0 0;
}

.icon.icon-key16 {
	background-image: url(/content/images/icon/key16.png);
	background-position: 0 0;
}

.icon.icon-form16 {
	background-image: url(/content/images/icon/form16.png);
	background-position: 0 0;
}

.icon.icon-entity16 {
	background-image: url(/content/images/icon/entity16.png);
	background-position: 0 0;
}

.icon.icon-usermale16 {
	background-image: url(/content/images/icon/user-male-16.png);
	background-position: 0 0;
}

.icon.icon-application48 {
	width: 64px;
	height: 64px;
	background-image: url(/content/images/icon/application48.png);
	background-position: 0 0;
}

.icon.payslip-group16 {
	background-image: url(/content/images/icon/payslip-group16.png);
	background-position: 0 0;
}

.icon.goods-chart-root16 {
	background-image: url(/content/images/icon/goods-chart-root-16.png);
	background-position: 0 0;
}

.icon.storehouse-storeage-type1 {
	background-image: url(/content/images/icon/goods-chart-root-16.png);
	background-position: 0 0;
}

.icon.storehouse-storeage-type2 {
	background-image: url(/content/images/icon/goods-chart-root-16.png);
	background-position: 0 0;
}

.icon.storehouse-storeage-type3 {
	background-image: url(/content/images/icon/goods-chart-basename16.png);
	background-position: 0 0;
}

.icon.storehouse-storeage-type4 {
	background-image: url(/content/images/icon/goods-chart-hasgoods-16.png);
	background-position: 0 0;
}

.icon.storehouse-storeage-type5 {
	background-image: url(/content/images/icon/goods-chart-root-16.png);
	background-position: 0 0;
}

.icon.storehouse-storeage-type6 {
	background-image: url(/content/images/icon/goods-chart-root-16.png);
	background-position: 0 0;
}

.icon.storehouse-storeage-type7 {
	background-image: url(/content/images/icon/goods-chart-root-16.png);
	background-position: 0 0;
}

.icon.storehouse-storeage-type8 {
	background-image: url(/content/images/icon/goods-chart-basename16.png);
	background-position: 0 0;
}

.icon.storehouse-storeage-type9 {
	background-image: url(/content/images/icon/goods-chart-basename16.png);
	background-position: 0 0;
}

.icon.storehouse-storeage-type10 {
	background-image: url(/content/images/icon/goods-chart-basename16.png);
	background-position: 0 0;
}

.icon.goods-chart-sub16 {
	background-image: url(/content/images/icon/goods-chart-sub-16.png);
	background-position: 0 0;
}

.icon.icon-goods-chart-basename16 {
	background-image: url(/content/images/icon/goods-chart-basename16.png);
	background-position: 0 0;
}

.icon.icon-goods-chart-hasgoods16 {
	background-image: url(/content/images/icon/goods-chart-hasgoods-16.png);
	background-position: 0 0;
}

.icon.icon-storage-doc-type16 {
	background-image: url(/content/ribbon/icons/small/مدیریت-نوع-سند-انبار.png);
	background-position: 0 0;
}

.icon.icon-storage-document16 {
	background-image: url(/content/ribbon/icons/small/صدور-سند-انبار.png);
	background-position: 0 0;
}

.icon.icon-storage-doc-goods16 {
	background-image: url(/content/images/icon/goods-chart-hasgoods-16.png);
	background-position: 0 0;
}

.icon.icon-storage-doc-nofilter16 {
	background-image: url(/content/images/icon/nofilter16.png);
	background-position: 0 0;
}

/* icon-dashboard-worktype-1 */
.icon.icon-dashboard-worktype-1 {
	background-image: url(/content/images/icon/work-type-id-1.png);
	background-position: 0 0;
}


.icon.icon-dashboard-worktype-2 {
	background-image: url(/content/images/icon/work-type-id-2.png);
	background-position: 0 0;
}

.icon.icon-dashboard-worktype-3 {
	background-image: url(/content/images/icon/work-type-id-3.png);
	background-position: 0 0;
}

.icon.icon-dashboard-worktype-4 {
	background-image: url(/content/images/icon/work-type-id-4.png);
	background-position: 0 0;
}

.icon.icon-dashboard-worktype-5 {
	background-image: url(/content/images/icon/work-type-id-5.png);
	background-position: 0 0;
}

.icon.icon-dashboard-worktype-6 {
	background-image: url(/content/images/icon/work-type-id-6.png);
	background-position: 0 0;
}

.icon.icon-dashboard-worktype-7 {
	background-image: url(/content/images/icon/work-type-id-7.png);
	background-position: 0 0;
}

.icon.icon-dashboard-worktype-8 {
	background-image: url(/content/images/icon/work-type-id-8.png);
	background-position: 0 0;
}

.icon.icon-dashboard-worktype-9 {
	background-image: url(/content/images/icon/work-type-id-9.png);
	background-position: 0 0;
}

.icon.icon-dashboard-worktype-10 {
	background-image: url(/content/images/icon/work-type-id-10.png);
	background-position: 0 0;
}

.icon.icon-dashboard-worktype-11 {
	background-image: url(/content/images/icon/work-type-id-11.png);
	background-position: 0 0;
}

.icon.icon-dashboard-worktype-12 {
	background-image: url(/content/images/icon/work-type-id-12.png);
	background-position: 0 0;
}

.icon.icon-dashboard-worktype-13 {
	background-image: url(/content/images/icon/work-type-id-13.png);
	background-position: 0 0;
}

.icon.icon-dashboard-worktype-14 {
	background-image: url(/content/images/icon/work-type-id-14.png);
	background-position: 0 0;
}

.icon.icon-dashboard-worktype-15 {
	background-image: url(/content/images/icon/work-type-id-15.png);
	background-position: 0 0;
}

.icon.icon-dashboard-worktype-16 {
	background-image: url(/content/images/icon/work-type-id-16.png);
	background-position: 0 0;
}

.icon.icon-dashboard-worktype-17 {
	background-image: url(/content/images/icon/work-type-id-17.png);
	background-position: 0 0;
}

.icon.icon-dashboard-worktype-18 {
	background-image: url(/content/images/icon/work-type-id-18.png);
	background-position: 0 0;
}

.icon.icon-dashboard-worktype-19 {
	background-image: url(/content/images/icon/work-type-id-19.png);
	background-position: 0 0;
}

.icon.icon-dashboard-worktype-20 {
	background-image: url(/content/images/icon/work-type-id-20.png);
	background-position: 0 0;
}

.icon.icon-dashboard-worktype-21 {
	background-image: url(/content/images/icon/work-type-id-21.png);
	background-position: 0 0;
}

.icon.icon-dashboard-worktype-22 {
	background-image: url(/content/images/icon/work-type-id-22.png);
	background-position: 0 0;
}


.icon.icon-successor-dashboard-23 {
	background-image: url(/content/images/icon/work-type-id-23.png);
	background-position: 0 0;
}
/* icon-reference type id*/
.icon.icon-reference-t0 {
	background-image: url(/content/images/icon/reference-type-0.png);
	background-position: 0 0;
}

/*.icon.icon-reference-t1 {
		background-image: url(/content/images/icon/reference-type-1.png);
		background-position: 0 0;
	}*/

.icon.icon-reference-t2 {
	background-image: url(/content/images/icon/reference-type-2.png);
	background-position: 0 0;
}

.icon.icon-reference-t3 {
	background-image: url(/content/images/icon/reference-type-3.png);
	background-position: 0 0;
}

/*.icon.icon-reference-t4 {
		background-image: url(/content/images/icon/reference-type-4.png);
		background-position: 0 0;
	}

	.icon.icon-reference-t5 {
		background-image: url(/content/images/icon/reference-type-5.png);
		background-position: 0 0;
	}

	.icon.icon-reference-t6 {
		background-image: url(/content/images/icon/reference-type-6.png);
		background-position: 0 0;
	}

	.icon.icon-reference-t7 {
		background-image: url(/content/images/icon/reference-type-7.png);
		background-position: 0 0;
	}*/

.icon.icon-reference-t8 {
	background-image: url(/content/images/icon/reference-type-8.png);
	background-position: 0 0;
}

.icon.icon-print16 {
	background-image: url(/content/images/icon/print16.png);
	background-position: 0 0;
}

.icon.icon-print-preview16 {
	background-image: url(/content/images/icon/print-preview16.png);
	background-position: 0 0;
}

.icon.icon-print-pdf16 {
	background-image: url(/content/images/icon/pdf-print16.png);
	background-position: 0 0;
}

.icon.icon-pdf16 {
	background-image: url(/content/images/icon/pdf16.png);
	background-position: 0 0;
}

.icon.icon-excel16 {
	background-image: url(/content/images/icon/excel16.png);
	background-position: 0 0;
}

.icon.icon-export16 {
	background-image: url(/content/images/icon/export16.png);
	background-position: 0 0;
}


/*--------------------------*/
/* Work-Preview-Window*/
/* E:\Programming\ASP.NET\EtraabERP\EtraabERP.Web\Areas\Pub\Views\WorkPreview\View.cshtml */

.workpreview-imagebox {
	overflow: auto;
	position: relative;
}

	.workpreview-imagebox .preview-container {
		position: absolute;
	}

	.workpreview-imagebox .preview-image {
		-webkit-transition: -webkit-transform .3s ease;
		-moz-transition: -moz-transform .3s ease;
		-o-transition: -o-transform .3s ease;
		-ms-transition: transform .3s ease;
		transition: transform .3s ease;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		-moz-transform-origin: right top;
		-webkit-transform-origin: right top;
		-ms-transform-origin: right top;
		-o-transform-origin: right top;
		transform-origin: right top;
	}

.workpreview-listbox {
	overflow: auto;
	position: relative;
	height: 100%;
	width: 135px;
	/* نمایش اسکرول در سمت راست */
	direction: ltr;
}

.workpreview-listview {
	position: absolute;
}

	.workpreview-listview .preview-container {
		margin: 2px;
		padding: 4px;
	}

		.workpreview-listview .preview-container:not(.k-state-selected) {
			background-color: whitesmoke;
		}

	.workpreview-listview .preview-image {
		width: 100px;
		min-height: 100px;
	}

/*--------------------------*/
/* dashboard */
/* */

.dashboard-item-tools {
}

.dashboard-item-container {
	padding: 0 !important;
}

.dashboard-item-worktype {
	padding: 3px 0;
	height: 100%;
}

	.dashboard-item-worktype img {
		margin: 0 5px;
	}


.dashboard-item-worktype-1 {
	background: rgb(248,250,252);
	background: -moz-linear-gradient(top, rgba(248,250,252,1) 0%, rgba(225,239,249,1) 50%, rgba(211,233,247,1) 51%, rgba(239,247,253,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,250,252,1)), color-stop(50%,rgba(225,239,249,1)), color-stop(51%,rgba(211,233,247,1)), color-stop(100%,rgba(239,247,253,1)));
	background: -webkit-linear-gradient(top, rgba(248,250,252,1) 0%,rgba(225,239,249,1) 50%,rgba(211,233,247,1) 51%,rgba(239,247,253,1) 100%);
	background: -o-linear-gradient(top, rgba(248,250,252,1) 0%,rgba(225,239,249,1) 50%,rgba(211,233,247,1) 51%,rgba(239,247,253,1) 100%);
	background: -ms-linear-gradient(top, rgba(248,250,252,1) 0%,rgba(225,239,249,1) 50%,rgba(211,233,247,1) 51%,rgba(239,247,253,1) 100%);
	background: linear-gradient(to bottom, rgba(248,250,252,1) 0%,rgba(225,239,249,1) 50%,rgba(211,233,247,1) 51%,rgba(239,247,253,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fafc', endColorstr='#eff7fd',GradientType=0 );
}

.k-state-selected .dashboard-item-worktype-1 {
	color: black;
}

.dashboard-item-info-panel {
	max-width: 40%;
	width: 40%;
	-moz-min-width: 350px;
	-ms-min-width: 350px;
	-o-min-width: 350px;
	-webkit-min-width: 350px;
	min-width: 350px;
}

	.dashboard-item-info-panel .k-listview {
		min-height: 25px;
	}

.dashboard-item-preview-panel {
	XXXmax-width: 60%;
	-moz-min-width: 350px;
	-ms-min-width: 350px;
	-o-min-width: 350px;
	-webkit-min-width: 350px;
	min-width: 350px;
}


.dashboard-item-worktype-2 {
	background: #f6f8f9;
	background: -moz-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9));
	background: -webkit-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
	background: -o-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
	background: -ms-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
	background: linear-gradient(to bottom, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );
}

.k-state-selected .dashboard-item-worktype-2 {
	color: black;
}

.dashboard-item-viewstate-1 {
	/*مشاهده نشده*/
	font-weight: bold;
	font-size: 1.05em;
	-ms-text-shadow: 0 0 2px lightgreen;
	-webkit-text-shadow: 0 0 2px lightgreen;
	-moz-text-shadow: 0 0 2px lightgreen;
	text-shadow: 0 0 2px lightgreen;
}

.dashboard-item-detail {
	display: inline-block;
	padding: 2px 6px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-size: .9em;
	margin: 2px;
	-moz-min-width: 200px;
	-ms-min-width: 200px;
	-o-min-width: 200px;
	-webkit-min-width: 200px;
	min-width: 200px;
	background-color: whitesmoke;
	vertical-align: top;
}

.dashboard-item-detail-name {
	display: inline;
	color: #1984c8;
}

.dashboard-item-detail-value {
	display: inline;
	-moz-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-weight: bold;
}

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

.k-panelbar .k-tabstrip > .k-content, .k-tabstrip > .k-content {
	
	padding: .32em;
}

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



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






/*------------------------------*/
/* visible and hidden classes---*/
/* http://responsivebp.com/css/base/#visibilityhelpers */

.visible-xxs,
.visible-xs,
.visible-s,
.visible-m,
.visible-l {
	display: none !important;
}

/* 16px = 1rem */
@media (max-width: 37.49em)
/* 600px */
{

	.hidden-xxs {
		display: none !important;
	}

	.visible-xxs {
		display: block !important;
	}

		.visible-xxs.inline {
			display: inline !important;
		}

		.visible-xxs.inline-block {
			display: inline-block !important;
		}

	table.visible-xxs {
		display: table;
	}

	thead.visible-xxs {
		display: table-header-group !important;
	}

	tfoot.visible-xxs {
		display: table-footer-group !important;
	}

	tr.visible-xxs {
		display: table-row !important;
	}

	th.visible-xxs,
	td.visible-xxs {
		display: table-cell !important;
	}

	col.visible-xxs {
		display: table-column !important;
	}

	caption.visible-xxs {
		display: table-caption !important;
	}
}

@media print and (max-width: 536px), screen and (min-width: 37.5em) and (max-width: 47.99em) {
	/* 767px */
	.k-grid tbody .k-button.k-grid-button {
		-moz-min-width: 0;
		-ms-min-width: 0;
		-o-min-width: 0;
		-webkit-min-width: 0;
		min-width: 0;
	}


	.hidden-xs {
		display: none !important;
	}

	.visible-xs {
		display: block !important;
	}

		.visible-xs.inline {
			display: inline !important;
		}

		.visible-xs.inline-block {
			display: inline-block !important;
		}

	table.visible-xs {
		display: table;
	}

	thead.visible-xs {
		display: table-header-group !important;
	}

	tfoot.visible-xs {
		display: table-footer-group !important;
	}

	tr.visible-xs {
		display: table-row !important;
	}

	th.visible-xs,
	td.visible-xs {
		display: table-cell !important;
	}

	col.visible-xs {
		display: table-column !important;
	}

	caption.visible-xs {
		display: table-caption !important;
	}
}

@media print and (min-width: 537px) and (max-width: 61.99em), screen and (min-width: 48em) and (max-width: 61.99em) {
	/* 991px */
	.hidden-s {
		display: none !important;
	}

	.visible-s {
		display: block !important;
	}

		.visible-s.inline {
			display: inline !important;
		}

		.visible-s.inline-block {
			display: inline-block !important;
		}

	table.visible-s {
		display: table;
	}

	thead.visible-s {
		display: table-header-group !important;
	}

	tfoot.visible-s {
		display: table-footer-group !important;
	}

	tr.visible-s {
		display: table-row !important;
	}

	th.visible-s,
	td.visible-s {
		display: table-cell !important;
	}

	col.visible-s {
		display: table-column !important;
	}

	caption.visible-s {
		display: table-caption !important;
	}
}

@media (min-width: 62em) and (max-width: 74.99em) {
	/* 1199px */
	.hidden-m {
		display: none !important;
	}

	.visible-m {
		display: block !important;
	}

		.visible-m.inline {
			display: inline !important;
		}

		.visible-m.inline-block {
			display: inline-block !important;
		}

	table.visible-m {
		display: table;
	}

	thead.visible-m {
		display: table-header-group !important;
	}

	tfoot.visible-m {
		display: table-footer-group !important;
	}

	tr.visible-m {
		display: table-row !important;
	}

	th.visible-m,
	td.visible-m {
		display: table-cell !important;
	}

	col.visible-m {
		display: table-column !important;
	}

	caption.visible-m {
		display: table-caption !important;
	}
}

@media (min-width: 75em) {
	/* 1200px */
	.hidden-l {
		display: none !important;
	}

	.visible-l {
		display: block !important;
	}

		.visible-l.inline {
			display: inline !important;
		}

		.visible-l.inline-block {
			display: inline-block !important;
		}

	table.visible-l {
		display: table;
	}

	thead.visible-l {
		display: table-header-group !important;
	}

	tfoot.visible-l {
		display: table-footer-group !important;
	}

	tr.visible-l {
		display: table-row !important;
	}

	th.visible-l,
	td.visible-l {
		display: table-cell !important;
	}

	col.visible-l {
		display: table-column !important;
	}

	caption.visible-l {
		display: table-caption !important;
	}
}


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






.etraab-chat-window .person-image {
	display: inline-block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-size: 32px 35px;
	background-position: center center;
	vertical-align: middle;
	line-height: 32px;
	box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0,0,0,.2);
	margin-left: 5px;
}


.etraab-chat-window .person-name {
	display: inline-block;
	vertical-align: middle;
	line-height: 32px;
	padding-left: 3px;
}

.etraab-chat-window .message-container {
	width: 70%;
}

/*.etraab-chat-window input#message-box {
	width: 100%;
}*/

/*.etraab-chat-window #message-text {
	background: #f5f5f6;
}*/

/*.etraab-chat-window #message-box {
	border: 1px solid #b9b3b3;
	height: 40px;
}*/

.etraab-chat-window .mytext {
	border: 0;
	padding: 0 13px 0 0;
	background: whitesmoke;
	height: 20px;
}

.etraab-chat-window .text {
	width: 95%;
	text-align: justify;
	display: flex;
	flex-direction: column;
}

	.etraab-chat-window.text > p:first-of-type {
		width: 100%;
		margin-top: 0;
		margin-bottom: auto;
		line-height: 13px;
		font-size: 12px;
	}

	.etraab-chat-window .text > p:last-of-type {
		width: 100%;
		text-align: right;
		color: silver;
		margin-bottom: -7px;
		margin-top: auto;
	}

.etraab-chat-window .text-left {
	float: left;
	padding-left: 10px;
}

.etraab-chat-window .text-right {
	float: right;
	padding-right: 10px;
}

.etraab-chat-window .avatar {
	display: flex;
	/* align-items: center; */
	width: 3%;
}


.etraab-chat-window .macro {
	margin-top: 5px !important;
	width: 100%;
	border-radius: 5px;
	padding: 5px 0px 5px 0;
	display: flex;
}

.etraab-chat-window .msj-rta {
	float: right;
	background: whitesmoke;
	margin:auto
}
.etraab-chat-window .msj-rta .text {
	background: whitesmoke !important;
}

.etraab-chat-window .msj {
	float: right;
	background: white;
}

.etraab-chat-window .frame {
	background: #e0e0de;
	/*height: 450px;*/
	overflow: hidden;
	padding: 0;
}

	.etraab-chat-window .frame > div:last-of-type {
		position: absolute;
		bottom: 5px;
		width: 100%;
		display: flex;
	}

.etraab-chat-window ul {
	width: 97%;
	list-style-type: none;
	padding: 0px 12px 0px 0;
	/* position: absolute; */
	bottom: 32px;
	display: flex;
	height: calc(100% - 13px) !important;
	flex-direction: column;
	overflow-y: scroll;
}

.etraab-chat-window .msj:before {
	width: 0;
	height: 0;
	content: "";
	top: -5px;
	right: -9px;
	position: relative;
	border-style: solid;
	border-width: 9px 10px 0 4px;
	border-color: #ffffff transparent transparent transparent;
}

.etraab-chat-window .msj-rta:after {
	width: 0;
	height: 0;
	content: "";
	top: -5px;
	right: 9px;
	position: relative;
	border-style: solid;
	border-width: 9px 9px 9px 9px;
	border-color: whitesmoke transparent transparent transparent;
}

.etraab-chat-window input:focus {
	outline: none;
}

.etraab-chat-window ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #d4d4d4;
}

.etraab-chat-window ::-moz-placeholder { /* Firefox 19+ */
	color: #d4d4d4;
}

.etraab-chat-window :-ms-input-placeholder { /* IE 10+ */
	color: #d4d4d4;
}

.etraab-chat-window .img-circle {
	display: inline-block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-size: 32px 35px;
	background-position: center center;
	vertical-align: middle;
	line-height: 32px;
	box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0,0,0,.2);
	margin-left: 5px;
}

.etraab-chat-window .text p {
	margin: 0 0 0 0;
}


.etraab-chat-window .left-avatar {
	float: left;
	padding-right: 9px;
}

.etraab-chat-window .right-avatar {
	justify-content: center;
	float: right;
	padding-left: 9px;
}

.etraab-chat-window .chat-message-block::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
}

.etraab-chat-window .chat-message-block::-webkit-scrollbar-thumb {
	background-color: #AAA;
	border-radius: 10px;
	background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, .2) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, .2) 75%, transparent 75%, transparent);
}

.etraab-chat-window .chat-message-block::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}

/*.chat-popup .noty_bar {
		height: 143px !important;
		background: #383535 !important;
		color: #fff !important;
	}*/
.chat-popup {
	height: 117px;
	background: #1a5044;
	color: #fff;
}

.chat-popup-btn {
}

.chat-popup .diallerImage {
	display: inline-block;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background-size: 32px 35px;
	background-position: center center;
	vertical-align: middle;
	line-height: 32px;
	box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0,0,0,.2);
	margin-left: 5px;
	position: absolute;
	right: 67px;
	top: 22px;
	border: 2px solid #606160;
}

.chat-popup span.noty_text {
	position: absolute;
	right: 165px;
	top: 52px;
}

.dialRing-container {
	position: absolute;
	right: 50px;
	top: 5px;
}

.chat-dial-ring {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	position: absolute;
	background-color: transparent;
	border: 4px #d6d0d0 solid;
	-webkit-animation-name: chat-ring-dial-ani;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-duration: 6s;
	-webkit-animation-direction: normal;
}

@@-webkit-keyframes chat-ring-dial-ani {
	0% {
		-webkit-transform: scale(0.01);
		opacity: 0;
	}

	1% {
		-webkit-transform: scale(0.01);
		opacity: 1;
	}

	95% {
		-webkit-transform: scale(1);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(1);
		opacity: 0;
	}
}


.chat-popup .chat-dial-ring .ring2 {
	-webkit-animation-delay: -1s;
}

.chat-popup .chat-dial-ring .ring3 {
	-webkit-animation-delay: -2s;
}

.chat-popup .chat-dial-ring .ring4 {
	-webkit-animation-delay: -3s;
}

.chat-popup .chat-dial-ring .ring5 {
	-webkit-animation-delay: -4s;
}

.chat-popup .chat-dial-ring .ring6 {
	-webkit-animation-delay: -5s;
}


/*--------------------------*/
/* Video Chat Window*/

video.local-video {
	top: 15px;
	right: 13px;
	position: absolute;
	width: 160px;
	height: 120px;
	border: 1px solid #7e8822;
	border-radius: 3px;
}

video.remote-video {
	    width: 100%;
    height: 98%;
    border: 1px solid #606968;
    border-radius: 3px;
}

.chat-window .videochat-controls {
	position: absolute;
	right: 40%;
	top: 87%;
}

.chat-window button.k-button.videochat-btn {
	border-radius: 50%;
	border: none;
	color: #ccc;
	height: 40px;
	width: 40px;
	margin: 1px;
}

.chat-window .videochat-btn span {
	font-size: 20px;
}

.chat-window .videochat-btn.btn-audio {
	background: #0b6b82;
}

.chat-window .videochat-btn.btn-video {
	background: #1d5d0a;
}

.chat-window .videochat-btn.btn-close {
	background: #1d5d0a;
}

.chat-window .videochat-btn.btn-close {
	background: #650b0b;
}

.chat-window .videochat-btn.active-btn {
	border: 3px solid #fffefe !important;
}

.chat-window .videochat-controls span.fa-stack.fa-lg {
	left: 9px;
	top: -6px;
}

.chat-window .videochat-controls i.fa.fa-ban {
	color: #656464;
}