* {
	font-family: Vazir-FD,'Open Sans',Roboto-RC,WebComponentsIcons !important;
	font-size: 0.8rem;
}

.my-hidden {
	display: none !important;
}
.input.input-large {
	height: 52px !important;
}
.mainContent {
	direction: rtl !important;
	min-height: 700px;
}

body {
	direction: rtl !important;
}

.form-group {
	direction: rtl !important;
}

.d-menu {
	left: 0;
}
.navview .navview-menu li.active::before {
	content: "";
	display: block;
	position: absolute;
	height: 40px;
	top: 0px;
	left: 0;
	right: auto;
	width: 4px;
	background-color: #f7d242;
}
/*.sidenav-m3[dir=rtl] .icon {
	right: auto;
	left: 0.625rem;
}*/
.navview .navview-menu .dropdown-toggle::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: auto;
	left: 0;
	right:auto;
	border-color: transparent transparent #ffffff transparent;
	-webkit-transform: rotate( 180deg );
	transform: rotate( 180deg );
}
.navview .navview-menu .dropdown-toggle.active-toggle::after {
	border-width: 0 0 8px 8px;
	border-color: transparent transparent #ffffff transparent;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	top: 0;
	/* top: auto; */
}
.navview.compacted .navview-pane > .navview-menu-container > .navview-menu > li > a > .icon:hover + .caption,
.navview.js-compact .navview-pane > .navview-menu-container > .navview-menu > li > a > .icon:hover + .caption {
	display: block !important;
	position: absolute;
	right: calc(100% + 0px);
	left: unset;
	background-color: inherit;
	padding: 0 16px;
}

.navview .navview-pane {
	right: 0 !important;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

@media screen and (min-width: 992px) {
	.navview.navview-expand-lg .navview-content {
		margin-right: 280px;
		margin-left: 0;
	}
}

.navview.compacted .navview-content {
	margin-right: 48px !important;
	margin-left: 0 !important;
}

.navview.compacted .navview-menu .navview-menu, .navview.js-compact:not(.expanded) .navview-menu .navview-menu {
	position: absolute;
	right: 100%;
	left:auto;
	top: 0;
	width: 220px;
	max-width: 280px;
}

.k-icon {
	font-family: WebComponentsIcons !important;
}

.notify {
	direction: rtl;
}

.notify-container {
	right: 0;
}

.select .select-input {
	padding-right: 10px;
}

.app-bar-expand .app-bar-menu {
	float: right !important;
}

.ml-auto {
	margin-left: 0 !important;
	margin-right: auto !important;
}

.button * + * {
	margin-right: .5rem;
}

.app-bar .hamburger {
	left: 0;
	right: auto;
	z-index: 1000000;
}



.mr-auto {
	margin-right: 0 !important;
}

.d-menu li a .icon, .d-menu li a img, .v-menu li a .icon, .v-menu li a img {
	right: .5rem;
}

input[type="checkbox"]:disabled:checked ~ .check {
	background-color: rgba(0,150,136,.5) !important;
}

input[type="checkbox"]:disabled:checked ~ .check {
	background-color: #00aba9 !important;
}

	input[type="checkbox"]:disabled:checked ~ .check::after {
		border-color: #00aba9 !important;
		background: #00aba9 !important;
	}

.switch input[type=checkbox]:checked ~ .check::after {
	right: auto !important;
	left: 0px;
}

.switch-material.transition-on input:checked ~ .check::after {
	left: 0;
}

.switch-material.transition-on input:not(:checked) ~ .check::after {
	left: 0;
}

.table thead th {
	text-align: right;
}

.table .sortable-column, .table .sorting {
	padding-left: 30px;
	padding-right: 0.625rem;
}

	.table .sortable-column:after, .table .sorting:after {
		right: 100%;
		margin-right: -1.25rem;
	}




.ticket-message {
}

	.ticket-message .user {
		text-align: center;
	}

		.ticket-message .user img {
			height: 80px;
			width: 80px;
		}

	.ticket-message .data {
		border-right: 1px solid #bebebe;
	}

		.ticket-message .data .commet {
			text-align: justify;
			min-height: 135px;
		}

		.ticket-message .data .attach {
			border-top: 1px solid #bebebe;
		}

@media screen and (max-width: 576px) {
	.ticket-message {
	}

		.ticket-message .user {
			text-align: center;
		}

			.ticket-message .user img {
				height: 80px;
				width: 80px;
			}

		.ticket-message .data {
			border-right: unset;
			border-top: 1px solid #bebebe;
			text-align: justify;
			min-height: 135px;
		}
}

.remark.yellow::before {
	right: -4px !important;
	left: unset !important;
}

.panel .panel-title .icon {
	border-left: 1px solid #dfdfdf;
}

.panel .panel-title .dropdown-toggle {
	border-right: 1px solid #dfdfdf;
}

.table.cell-border tbody tr td:first-child {
	border-right: none !important;
	border-left: 1px #dfdfdf solid !important;
}

.faqActions {
	top: 10px;
	right: 10px;
}

.multi-action .action-button.active ~ .actions.drop-right li:nth-child(1) {
	margin-right: 56px;
}

.multi-action .action-button.active ~ .actions.drop-right li:nth-child(2) {
	margin-right: 104px;
}

.textarea.no-scroll-vertical textarea {
	overflow-y: auto !important;
}

.accordion.rtl.material > .frame > .heading::after, .accordion[dir=rtl].material > .frame > .heading::after {
	-webkit-transform: rotate( 0deg );
	transform: rotate( 0deg );
}

.feed-list .item .avatar ~ .label, .feed-list .item .avatar ~ .second-label, .feed-list > li .avatar ~ .label, .feed-list > li .avatar ~ .second-label, .items-list .item .avatar ~ .label, .items-list .item .avatar ~ .second-label, .items-list > li .avatar ~ .label, .items-list > li .avatar ~ .second-label {
	padding-right: 56px;
	padding-left: 0px;
}

.feed-list .item .avatar, .feed-list > li .avatar, .items-list .item .avatar, .items-list > li .avatar {
	left: unset;
	right: 16px;
}

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


/********************************************* Chat ******************************************************/



.k-fab {
	z-index: 10002;
}

.k-fab-item-icon {
	padding: 0px;
}

.ChatCard {
	position: fixed;
	display: none;
	bottom: 10px;
	right: 10px;
	left: auto;
	z-index: 1000;
}

	.ChatCard > .chat-box-div-first.cards-container {
		border-radius: 8px;
		width: 400px;
		margin: 15px;
		height: 400px;
	}

	.ChatCard > .chat-box-div.cards-container {
		border-radius: 8px;
		width: 400px;
		margin: 15px;
		height: 400px;
		display: none;
	}

.onlineIcon {
	right: 1px;
	top: 1px;
	font-size: 25px;
}

.close_chart {
	left: 15px;
	top: 20px;
}

.cards-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.chat .message.right .message-text::before {
	border-right-color: transparent;
	border-left-color: #ffffff;
}

.chat .message.right .message-text {
	border: none;
}

.k-card {
	width: 100%;
}

.k-card-footer {
	text-align: center;
}

.chat {
	background: #361717 url(../../Content/images/bgchat.png);
}

.ch-message-left {
	width: 80% !important;
}

.ch-message-right {
	width: 80% !important;
}

.message.right > .message-item > .message-avatar {
	display: none !important;
}

.message-item {
	min-height: 40px;
}

	.message-item > .message-text {
		border-radius: 10px;
	}

.message.left {
	direction: ltr;
}

.message.right {
	direction: rtl;
}

.hint {
	direction: ltr;
	z-index: 10000;
}



.tabs-expand:not(.vertical):not(.bottom) ul.tabs-group > li.active {
	background: #05586b !important;
	font-weight: 500;
	color: white;
}

.tabs-expand:not(.vertical):not(.bottom) ul.tabs-group > li {
	border: 1px solid #05586b !important;
	width: 100%;
}

img.chatlist_item_pic {
	width: 50px;
	height: 50px;
	float: right;
	margin: 0 0 0 10px;
	border-radius: 50%;
	object-fit: cover;
}

.listview.view-content .node > .icon ~ .data {
	padding-right: 17px;
	padding-left: unset;
}

.avatar {
	width: 64px;
	height: auto;
	border-radius: 50%;
	overflow: hidden;
}
/***********************************************************************************************/

.remark {
	border-right: 4px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
}

.breadcrumbs {
	background-color: transparent;
	color: #ffffff;
	width: 100%;
	text-align: center;
}

	.breadcrumbs .breadcrumb-item + .breadcrumb-item::before, .breadcrumbs .page-item + .page-item::before {
		-webkit-transform: rotate( -45deg);
		transform: rotate( -45deg);
	}

	.breadcrumbs .breadcrumb-item + .breadcrumb-item::after, .breadcrumbs .page-item + .page-item::after {
		-webkit-transform: rotate( 45deg);
		transform: rotate( 45deg);
	}

	.breadcrumbs .breadcrumb-item + .breadcrumb-item::after, .breadcrumbs .breadcrumb-item + .breadcrumb-item::before, .breadcrumbs .page-item + .page-item::after, .breadcrumbs .page-item + .page-item::before {
		left: unset;
		margin-left: unset;
		right: 0;
		margin-right: -0.5rem;
		background-color: #ffffff;
	}

	.breadcrumbs .breadcrumb-item a:hover, .breadcrumbs .page-item a:hover, .breadcrumbs .page-link:hover {
		color: #c7c7c7;
	}

.dot_before_orange:before {
	content: "";
	width: 6px;
	height: 6px;
	display: inline-block;
	background: #fa941a;
	border-radius: 50%;
	margin-left: 6px;
}

.sidenav-simple-expand-fs[dir=rtl] .icon {
	left: auto;
	right: 0.625rem;
}

.sidenav-simple-expand-fs[dir=rtl] a {
	padding: 0.625rem 0.75rem 0.625rem 1rem;
}

.inline-list li {
	display: inline-block;
	margin-right: 0.8rem;
}

	.inline-list li:last-child {
		margin-left: 0;
		margin-right: 0.8rem;
	}

.btn-Chat {
	z-index: 10001;
	bottom: 10px;
	right: 10px;
	left: auto;
	width: 70px !important;
	height: 70px !important;
}
.product-price .current-price {
	font-weight: 600;
	font-size: 17px !important;
	color: darkgreen;
}