.direction-ltr {
	direction: ltr !important;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
	text-align: center !important;
}

.select2-results__options li {
	text-align: center;
}

form.search-form button[name="filter-btn"], form.search-form button[name="delete-filter-btn"] {
	margin-top: 1.97rem !important;
}

table.data-table thead th, table.data-table tbody td {
	text-align: center;
}

div.dt-buttons button span i {
	display: block;
}

table.data-table tbody tr td label {
	margin-bottom: 0 !important;
	vertical-align: middle !important;
}

table.data-table tbody tr td label input[type=checkbox] {
	display: block !important;
}

form.form-validation .invalid {
	border-color: var(--bs-form-invalid-border-color);
}

form.form-validation .valid {
	border-color: var(--bs-form-valid-border-color);
}

form.form-validation .invalid-message {
	display: none;
	width: 100%;
	margin-top: 0.25rem;
	font-size: 0.875em;
	color: var(--bs-form-invalid-border-color);
}

form.form-validation .invalid ~ .invalid-message {
	display: block;
}

form.form-validation .valid ~ .invalid-message {
	display: none;
}

.avatar-img {
	width: 40px;
	border-radius: 52px;
	height: 40px;
}

.font-consolas {
	font-family: Consolas, serif !important;
}

.widget-timeline-status .timeline-badge {
	right: 140px;
}

.widget-timeline-status .timeline > li {
	padding-right: 145px;
}

.table thead th, .table thead th:last-child {
	text-align: center !important;
}

.table tbody tr td {
	text-align: center !important;
}

.social-graph-wrapper.widget-telegram {
	background: #0088CC;
}

.social-graph-wrapper.widget-instagram {
	background: #d62976;
}

.social-graph-wrapper.widget-twitter-x {
	background: #111111;
}

table.dataTable thead > tr > th.sorting_asc::before {
	right: 0 !important;
}

.card .selected {
	border: 1px dashed green;
}

.post-image-item img, .post-image-item video {
	width: 100%;
	height: 100%;
}

.cursor-pointer {
	cursor: pointer;
}

.adrees-bx a {
	line-height: 35px;
}

.authincation {
	background: unset;
}

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

.datepicker-plot-area .datepicker-day-view .table-days td span, .datepicker-navigator, .header-row-cell {
	font-family: 'IRANSans' !important;
}

.datepicker-plot-area .datepicker-navigator .pwt-btn-next, .datepicker-plot-area .datepicker-navigator .pwt-btn-switch, .datepicker-plot-area .datepicker-navigator .pwt-btn-prev {
	display: block;
	float: left;
	height: 28px;
	line-height: 28px;
	font-weight: bold;
	background-color: rgba(250, 250, 250, 0) !important;
	color: #fdfdfd !important;
}

.datepicker-plot-area .datepicker-navigator {
	display: block;
	width: 100%;
	float: left;
	background-color: #1976d2 !important;
	padding: 16px !important;
	color: #ffff !important;
}

.datepicker-plot-area {
	border: none !important;
	padding: 0 !important;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12) !important;
	border-radius: 4px !important;
	background: #fff !important;
	width: 325px !important;
}

.datepicker-plot-area * {
	text-align: center;
	color: #333;
	padding: 5px !important;
}

.datepicker-plot-area .datepicker-day-view .table-days td span {
	display: block;
	width: 100%;
	height: 32px !important;
}

.datepicker-plot-area .datepicker-day-view .table-days td.selected span, .datepicker-plot-area .datepicker-year-view .year-item.selected, .datepicker-plot-area .datepicker-month-view .month-item.selected {
	background-color: #005299;
	color: #fff;
	border: none;
	text-shadow: 1px 1px 1px #000;
	border-radius: 50px !important;
}

.datepicker-plot-area .datepicker-day-view .table-days td.today span {
	background-color: #333;
	color: #fff;
	border: 0;
	text-shadow: none;
	border-radius: 50px !important;
}

.datepicker-plot-area .datepicker-day-view .table-days td.selected span .datepicker-plot-area .datepicker-day-view .table-days td:hover, .datepicker-plot-area .datepicker-day-view .table-days td span:hover, .datepicker-plot-area .datepicker-year-view .year-item:hover, .datepicker-plot-area .datepicker-month-view .month-item:hover {
	background-color: #e8e8e8 !important;
	border-radius: 50px !important;
}

.datepicker-container.pwt-mobile-view .datepicker-plot-area .table-days td span {

	line-height: 25px !important;

}

.datepicker-container.pwt-mobile-view {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	overflow: hidden;
	transition: all 1s;
	right: 0;
	margin: 0 auto;
}