/*
Font
Normalization & Body
Components Scrollbars
Sortable Classes
Container
Display Grids
Grid Container
Fluid Grid
Separators
Absolute Positioning
Animations
Text Wrapping
Images
UL/OL Columns

Displays
Aspect Ratios
Flex Classes
Flex & Grid Orders
Flex & Grid Gaps
Cursors
Visibility
Widths
Print
Margins
Paddings
Alignments
Colors
Font Sizes
Borders & Borders Radius
Clearance

Bootstrap 3 Buttons
Bootstrap 3 Fade & Collapse
Bootstrap 3 Dropdown
Bootstrap 3 Button Groups
Bootstrap 3 Tabs
Bootstrap 3 Breadcrumbs
Bootstrap 3 Labels
Bootstrap 3 Alert
Bootstrap 3 Progress Bar
Bootstrap 3 Panel
Bootstrap 3 Tooltip
Bootstrap 3 Popover
Bootstrap 3 Pagination

Inputs
Form Related Classes
Messages
Inline Elements
Inline Tags
Forms
Tabs
Tables

CMS: Generics
CMS: CRUD
CMS: Custom Modules
CMS: Custom Layers
CMS: Custom Display
CMS: Modals

Plugin: Visibility Control
Plugin: Bootstrap Notification
Plugin: Icon Picker
Plugin: Slider
Plugin: TinyMCE
Plugin: Data Table
Plugin: Select2
Plugin: Calendar & Time Picker
Plugin: Form Validator
Plugin: JConfirm
Plugin: Fancybox
*/

/* ==================================================
Normalization & Body
================================================== */

/* Base style */

body {
	font-family: var(--base-font);
}

*,
*:before,
*:after {
	outline: none !important;
	box-sizing: border-box;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	-webkit-tap-highlight-color: transparent;
}

html {
	font-size: 62.5%;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0 !important;
	padding: 0 !important;
	overflow-x: hidden !important;
	overflow-y: scroll !important;
	font-size: 1.2rem;
}

body.noscroll {
	overflow-y: hidden !important;
}

/* Fancybox Inline Page */

body.inline {
	background-color: #fefefe;
}

body.inline::-webkit-scrollbar {
	width: 5px;
}

body.inline::-webkit-scrollbar-track {
	background-color: #f1f1f1;
}

body.inline::-webkit-scrollbar-thumb {
	background-color: #c8c8c8;
}

/* Safari Fix */

@media not all and (min-resolution: 0.001dpcm) {
	@supports (-webkit-appearance: none) {
		html {
			overflow-x: hidden;
		}
	}
}

hr {
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

a {
	color: var(--color-primary);
	text-decoration: none;
	transition: color 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

a:hover {
	color: var(--color-secondary);
	cursor: pointer;
}

a.primary,
a.primary:link,
a.primary:hover,
a.primary:active,
a.primary:visited {
	color: var(--color-primary);
}

a.primary:hover {
	color: var(--color-primary-light);
}

a.secondary,
a.secondary:link,
a.secondary:hover,
a.secondary:active,
a.secondary:visited {
	color: var(--color-secondary);
}

a.secondary:hover {
	color: var(--color-secondary-light);
}

img,
svg {
	vertical-align: middle;
	border: 0;
	max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
label {
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

small {
	font-size: 80%;
}

iframe {
	border: 0;
}

b,
strong {
	font-weight: bolder;
}

/* ==================================================
Components Scrollbars
================================================== */

/* Modal */

.modal::-webkit-scrollbar {
	width: 0;
}

/* Select */

select::-webkit-scrollbar {
	width: 6px;
}

select::-webkit-scrollbar-track {
	background-color: #f1f1f1;
}

select::-webkit-scrollbar-thumb {
	background-color: #808080;
	border-radius: 100px;
}

/* Select2 */

.select2-results__options::-webkit-scrollbar {
	width: 6px;
}

.select2-results__options::-webkit-scrollbar-track {
	background-color: #f1f1f1;
}

.select2-results__options::-webkit-scrollbar-thumb {
	background-color: #808080;
}

/* TinyMCE */

body#tinymce::-webkit-scrollbar {
	width: 6px;
}

body#tinymce::-webkit-scrollbar-track {
	background-color: #f1f1f1;
}

body#tinymce::-webkit-scrollbar-thumb {
	background-color: #808080;
	border-radius: 100px;
}

.tox .tox-menu::-webkit-scrollbar {
	width: 6px;
}

.tox .tox-menu::-webkit-scrollbar-track {
	background-color: #f1f1f1;
}

.tox .tox-menu::-webkit-scrollbar-thumb {
	background-color: #808080;
	border-radius: 100px;
}

/* JConfirm */

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {
	width: 5px !important;
	border-radius: 10px !important;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track {
	border-radius: 10px !important;
	background-color: #f1f1f1;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb {
	border-radius: 10px !important;
	background-color: #808080;
}

/* Fancybox Thumbnails */

.fancybox-thumbs-x::-webkit-scrollbar {
	height: 10px;
}

.fancybox-thumbs-x::-webkit-scrollbar-track {
	background-color: rgba(0, 0, 0, 0.4);
}

.fancybox-thumbs-x::-webkit-scrollbar-thumb {
	background-color: #606060;
}

/* Scrollable (Horizontal) */

.scrollable-x {
	overflow-y: hidden;
	overflow-x: auto;
}

.scrollable-x::-webkit-scrollbar {
	height: 6px;
}

.scrollable-x::-webkit-scrollbar-track {
	background-color: #f1f1f1;
	border-radius: 100px;
}

.scrollable-x::-webkit-scrollbar-thumb {
	background-color: #808080;
	border-radius: 100px;
}

/* Scrollable (Vertical) */

.scrollable-y {
	overflow-x: hidden;
	overflow-y: auto;
}

.scrollable-y::-webkit-scrollbar {
	width: 6px;
}

.scrollable-y::-webkit-scrollbar-track {
	background-color: #f1f1f1;
	border-radius: 100px;
}

.scrollable-y::-webkit-scrollbar-thumb {
	background-color: #808080;
	border-radius: 100px;
}

/* Force scrollable for dynamic jconfirm content (tinyMCE insert grid) */

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

.scroll-y .jconfirm-box .jconfirm-content-pane.no-scroll {
	padding: 0 10px 0 0 !important;
}

/* ==================================================
Sortable Classes
================================================== */

/* Grabbable Icon */

.grabbable {
	cursor: grab;
}

.grabbable:active {
	cursor: grabbing;
}

.grabbable-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #eee;
	color: #404040;
	border-radius: 3px;
	padding: 5px;
	min-width: 30px;
}

/* Sortable Placeholder */

.ui-state-highlight {
	max-width: 100% !important;
	background: #5a8caf30 !important;
	border: 1px dotted #5a8caf !important;
}

/* ==================================================
Container
================================================== */

.container {
	width: 100%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
}

.container.container-clean {
	padding: 0;
}

.container.container-basic {
	padding-top: 0;
	padding-bottom: 0;
}

.container.container-5 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.container.container-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.container.container-15 {
	padding-top: 15px;
	padding-bottom: 15px;
}

.container.container-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.container.container-25 {
	padding-top: 25px;
	padding-bottom: 25px;
}

.container.container-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}

[html-content] {
	position: relative;
	height: 100%;
}

/* ==================================================
Display Grids
================================================== */

.row {
	display: flex;
	flex-wrap: wrap;
}

.row div[class*="col"] {
	position: relative;
}

.col-md-20 {
	width: 100%
}

.col-md-19 {
	width: 95%
}

.col-md-18 {
	width: 90%
}

.col-md-17 {
	width: 85%
}

.col-md-16 {
	width: 80%
}

.col-md-15 {
	width: 75%
}

.col-md-14 {
	width: 70%
}

.col-md-13 {
	width: 65%
}

.col-md-12 {
	width: 60%
}

.col-md-11 {
	width: 55%
}

.col-md-10 {
	width: 50%
}

.col-md-9 {
	width: 45%
}

.col-md-8 {
	width: 40%
}

.col-md-7 {
	width: 35%
}

.col-md-6 {
	width: 30%
}

.col-md-5 {
	width: 25%
}

.col-md-4 {
	width: 20%
}

.col-md-3 {
	width: 15%
}

.col-md-2 {
	width: 10%
}

.col-md-1 {
	width: 5%
}

.col-md-three {
	width: 33.33%;
}

.col-md-three-comp {
	width: 66.66%;
}

.col-md-six {
	width: 16.66%;
}

.col-md-six-comp {
	width: 83.33%;
}

/* Tablet Only */

@media screen and (min-width: 768px) and (max-width: 992px) {
	.col-sm-20 {
		width: 100%
	}

	.col-sm-19 {
		width: 95%
	}

	.col-sm-18 {
		width: 90%
	}

	.col-sm-17 {
		width: 85%
	}

	.col-sm-16 {
		width: 80%
	}

	.col-sm-15 {
		width: 75%
	}

	.col-sm-14 {
		width: 70%
	}

	.col-sm-13 {
		width: 65%
	}

	.col-sm-12 {
		width: 60%
	}

	.col-sm-11 {
		width: 55%
	}

	.col-sm-10 {
		width: 50%
	}

	.col-sm-9 {
		width: 45%
	}

	.col-sm-8 {
		width: 40%
	}

	.col-sm-7 {
		width: 35%
	}

	.col-sm-6 {
		width: 30%
	}

	.col-sm-5 {
		width: 25%
	}

	.col-sm-4 {
		width: 20%
	}

	.col-sm-3 {
		width: 15%
	}

	.col-sm-2 {
		width: 10%
	}

	.col-sm-1 {
		width: 5%
	}

	.col-sm-three {
		width: 33.33%;
	}

	.col-sm-three-comp {
		width: 66.66%;
	}

	.col-sm-six {
		width: 16.66%;
	}

	.col-sm-six-comp {
		width: 83.33%;
	}
}

/* Mobile Only */

@media screen and (max-width: 767px) {
	.row div[class*="col-md"]:not([class*="col-xs"]) {
		width: 100%;
	}

	.col-xs-20 {
		width: 100%
	}

	.col-xs-19 {
		width: 95%
	}

	.col-xs-18 {
		width: 90%
	}

	.col-xs-17 {
		width: 85%
	}

	.col-xs-16 {
		width: 80%
	}

	.col-xs-15 {
		width: 75%
	}

	.col-xs-14 {
		width: 70%
	}

	.col-xs-13 {
		width: 65%
	}

	.col-xs-12 {
		width: 60%
	}

	.col-xs-11 {
		width: 55%
	}

	.col-xs-10 {
		width: 50%
	}

	.col-xs-9 {
		width: 45%
	}

	.col-xs-8 {
		width: 40%
	}

	.col-xs-7 {
		width: 35%
	}

	.col-xs-6 {
		width: 30%
	}

	.col-xs-5 {
		width: 25%
	}

	.col-xs-4 {
		width: 20%
	}

	.col-xs-3 {
		width: 15%
	}

	.col-xs-2 {
		width: 10%
	}

	.col-xs-1 {
		width: 5%
	}

	.col-xs-three {
		width: 33.33%;
	}

	.col-xs-six {
		width: 16.66%;
	}

	.col-xs-three-comp {
		width: 66.66%;
	}

	.col-xs-six-comp {
		width: 83.33%;
	}
}

/* ==================================================
Grid Container
================================================== */

.grid-container {
	margin: 0 -5px 0 -5px;
	gap: 10px 0;
}

.grid-container>.grid-item {
	padding: 0 5px 0 5px;
}

.grid-container-0 {
	margin: 0;
}

.grid-container-0>.grid-item {
	padding: 0;
}

.grid-container-5 {
	margin: 0 -5px 0 -5px;
	gap: 10px 0;
}

.grid-container-5>.grid-item {
	padding: 0 5px 0 5px;
}

.grid-container-10 {
	margin: 0 -10px 0 -10px;
	gap: 20px 0;
}

.grid-container-10>.grid-item {
	padding: 0 10px 0 10px;
}

.grid-container-15 {
	margin: 0 -15px 0 -15px;
	gap: 30px 0;
}

.grid-container-15>.grid-item {
	padding: 0 15px 0 15px;
}

.grid-container-20 {
	margin: 0 -20px 0 -20px;
	gap: 40px 0;
}

.grid-container-20>.grid-item {
	padding: 0 20px 0 20px;
}

.grid-container-25 {
	margin: 0 -25px 0 -25px;
	gap: 50px 0;
}

.grid-container-25>.grid-item {
	padding: 0 25px 0 25px;
}

.grid-container-30 {
	margin: 0 -30px 0 -30px;
	gap: 60px 0;
}

.grid-container-30>.grid-item {
	padding: 0 30px 0 30px;
}

.grid-container-35 {
	margin: 0 -35px 0 -35px;
	gap: 70px 0;
}

.grid-container-35>.grid-item {
	padding: 0 35px 0 35px;
}

.grid-container-40 {
	margin: 0 -40px 0 -40px;
	gap: 80px 0;
}

.grid-container-40>.grid-item {
	padding: 0 40px 0 40px;
}

.grid-container-45 {
	margin: 0 -45px 0 -45px;
	gap: 90px 0;
}

.grid-container-45>.grid-item {
	padding: 0 45px 0 45px;
}

.grid-container-50 {
	margin: 0 -50px 0 -50px;
	gap: 100px 0;
}

.grid-container-50>.grid-item {
	padding: 0 50px 0 50px;
}

/* Tablet Only */

@media screen and (min-width: 768px) and (max-width: 992px) {
	.grid-container-sm {
		margin: 0 -5px 0 -5px;
		gap: 10px 0;
	}

	.grid-container-sm>.grid-item {
		padding: 0 5px 0 5px;
	}

	.grid-container-sm-0 {
		margin: 0;
	}

	.grid-container-sm-0>.grid-item {
		padding: 0;
	}

	.grid-container-sm-5 {
		margin: 0 -5px 0 -5px;
		gap: 10px 0;
	}

	.grid-container-sm-5>.grid-item {
		padding: 0 5px 0 5px;
	}

	.grid-container-sm-10 {
		margin: 0 -10px 0 -10px;
		gap: 20px 0;
	}

	.grid-container-sm-10>.grid-item {
		padding: 0 10px 0 10px;
	}

	.grid-container-sm-15 {
		margin: 0 -15px 0 -15px;
		gap: 30px 0;
	}

	.grid-container-sm-15>.grid-item {
		padding: 0 15px 0 15px;
	}

	.grid-container-sm-20 {
		margin: 0 -20px 0 -20px;
		gap: 40px 0;
	}

	.grid-container-sm-20>.grid-item {
		padding: 0 20px 0 20px;
	}

	.grid-container-sm-25 {
		margin: 0 -25px 0 -25px;
		gap: 50px 0;
	}

	.grid-container-sm-25>.grid-item {
		padding: 0 25px 0 25px;
	}

	.grid-container-sm-30 {
		margin: 0 -30px 0 -30px;
		gap: 60px 0;
	}

	.grid-container-sm-30>.grid-item {
		padding: 0 30px 0 30px;
	}

	.grid-container-sm-35 {
		margin: 0 -35px 0 -35px;
		gap: 70px 0;
	}

	.grid-container-sm-35>.grid-item {
		padding: 0 35px 0 35px;
	}

	.grid-container-sm-40 {
		margin: 0 -40px 0 -40px;
		gap: 80px 0;
	}

	.grid-container-sm-40>.grid-item {
		padding: 0 40px 0 40px;
	}

	.grid-container-sm-45 {
		margin: 0 -45px 0 -45px;
		gap: 90px 0;
	}

	.grid-container-sm-45>.grid-item {
		padding: 0 45px 0 45px;
	}

	.grid-container-sm-50 {
		margin: 0 -50px 0 -50px;
		gap: 100px 0;
	}

	.grid-container-sm-50>.grid-item {
		padding: 0 50px 0 50px;
	}
}

/* Mobile Only */

@media screen and (max-width: 767px) {
	.grid-container-xs {
		margin: 0 -5px 0 -5px;
		gap: 10px 0;
	}

	.grid-container-xs>.grid-item {
		padding: 0 5px 0 5px;
	}

	.grid-container-xs-0 {
		margin: 0;
	}

	.grid-container-xs-0>.grid-item {
		padding: 0;
	}

	.grid-container-xs-5 {
		margin: 0 -5px 0 -5px;
		gap: 10px 0;
	}

	.grid-container-xs-5>.grid-item {
		padding: 0 5px 0 5px;
	}

	.grid-container-xs-10 {
		margin: 0 -10px 0 -10px;
		gap: 20px 0;
	}

	.grid-container-xs-10>.grid-item {
		padding: 0 10px 0 10px;
	}

	.grid-container-xs-15 {
		margin: 0 -15px 0 -15px;
		gap: 30px 0;
	}

	.grid-container-xs-15>.grid-item {
		padding: 0 15px 0 15px;
	}

	.grid-container-xs-20 {
		margin: 0 -20px 0 -20px;
		gap: 40px 0;
	}

	.grid-container-xs-20>.grid-item {
		padding: 0 20px 0 20px;
	}

	.grid-container-xs-25 {
		margin: 0 -25px 0 -25px;
		gap: 50px 0;
	}

	.grid-container-xs-25>.grid-item {
		padding: 0 25px 0 25px;
	}

	.grid-container-xs-30 {
		margin: 0 -30px 0 -30px;
		gap: 60px 0;
	}

	.grid-container-xs-30>.grid-item {
		padding: 0 30px 0 30px;
	}

	.grid-container-xs-35 {
		margin: 0 -35px 0 -35px;
		gap: 70px 0;
	}

	.grid-container-xs-35>.grid-item {
		padding: 0 35px 0 35px;
	}

	.grid-container-xs-40 {
		margin: 0 -40px 0 -40px;
		gap: 80px 0;
	}

	.grid-container-xs-40>.grid-item {
		padding: 0 40px 0 40px;
	}

	.grid-container-xs-45 {
		margin: 0 -45px 0 -45px;
		gap: 90px 0;
	}

	.grid-container-xs-45>.grid-item {
		padding: 0 45px 0 45px;
	}

	.grid-container-xs-50 {
		margin: 0 -50px 0 -50px;
		gap: 100px 0;
	}

	.grid-container-xs-50>.grid-item {
		padding: 0 50px 0 50px;
	}
}

/* Safari Fixes (Desktop Only) */

/* @media screen and (min-width: 993px) {
	@media not all and (min-resolution: 0.001dpcm) {
		@supports (-webkit-appearance: none) {
			.row div[class*="col"] {
				margin: 0 -1px 0 0;
			}
		}
	}
} */

/* ==================================================
Fluid Grid
================================================== */

.fluid-grid {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	--gap-count: calc(var(--grid-column-count) - 1);
	--total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
	--grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));
	grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
	grid-gap: var(--grid-layout-gap);
}

.fluid-grid.columns-2 {
	--grid-column-count: 2;
}

.fluid-grid.columns-3 {
	--grid-column-count: 3;
}

.fluid-grid.columns-4 {
	--grid-column-count: 4;
}

.fluid-grid.columns-5 {
	--grid-column-count: 5;
}

.fluid-grid.columns-6 {
	--grid-column-count: 6;
}

.fluid-grid.columns-7 {
	--grid-column-count: 7;
}

.fluid-grid.columns-8 {
	--grid-column-count: 8;
}

.fluid-grid.columns-9 {
	--grid-column-count: 9;
}

.fluid-grid.columns-10 {
	--grid-column-count: 10;
}

.fluid-grid.columns-11 {
	--grid-column-count: 11;
}

.fluid-grid.columns-12 {
	--grid-column-count: 12;
}

.fluid-grid.columns-13 {
	--grid-column-count: 13;
}

.fluid-grid.columns-14 {
	--grid-column-count: 14;
}

.fluid-grid.columns-15 {
	--grid-column-count: 15;
}

.fluid-grid.columns-100 {
	--grid-column-count: 100;
}

.fluid-grid.xgap-0 {
	--grid-layout-gap: 0px;
}

.fluid-grid.xgap-5 {
	--grid-layout-gap: 5px;
}

.fluid-grid.xgap-10 {
	--grid-layout-gap: 10px;
}

.fluid-grid.xgap-15 {
	--grid-layout-gap: 15px;
}

.fluid-grid.xgap-20 {
	--grid-layout-gap: 20px;
}

.fluid-grid.xgap-25 {
	--grid-layout-gap: 25px;
}

.fluid-grid.xgap-30 {
	--grid-layout-gap: 30px;
}

.fluid-grid.xgap-35 {
	--grid-layout-gap: 35px;
}

.fluid-grid.xgap-40 {
	--grid-layout-gap: 40px;
}

.fluid-grid.xgap-45 {
	--grid-layout-gap: 45px;
}

.fluid-grid.xgap-50 {
	--grid-layout-gap: 50px;
}

/* Tablet Only */

@media screen and (min-width: 768px) and (max-width: 992px) {
	.fluid-grid.xgap-sm-0 {
		--grid-layout-gap: 0px;
	}

	.fluid-grid.xgap-sm-5 {
		--grid-layout-gap: 5px;
	}

	.fluid-grid.xgap-sm-10 {
		--grid-layout-gap: 10px;
	}

	.fluid-grid.xgap-sm-15 {
		--grid-layout-gap: 15px;
	}

	.fluid-grid.xgap-sm-20 {
		--grid-layout-gap: 20px;
	}

	.fluid-grid.xgap-sm-25 {
		--grid-layout-gap: 25px;
	}

	.fluid-grid.xgap-sm-30 {
		--grid-layout-gap: 30px;
	}

	.fluid-grid.xgap-sm-35 {
		--grid-layout-gap: 35px;
	}

	.fluid-grid.xgap-sm-40 {
		--grid-layout-gap: 40px;
	}

	.fluid-grid.xgap-sm-45 {
		--grid-layout-gap: 45px;
	}

	.fluid-grid.xgap-sm-50 {
		--grid-layout-gap: 50px;
	}
}

/* Mobile Only */

@media screen and (max-width: 767px) {
	.fluid-grid.xgap-xs-0 {
		--grid-layout-gap: 0px;
	}

	.fluid-grid.xgap-xs-5 {
		--grid-layout-gap: 5px;
	}

	.fluid-grid.xgap-xs-10 {
		--grid-layout-gap: 10px;
	}

	.fluid-grid.xgap-xs-15 {
		--grid-layout-gap: 15px;
	}

	.fluid-grid.xgap-xs-20 {
		--grid-layout-gap: 20px;
	}

	.fluid-grid.xgap-xs-25 {
		--grid-layout-gap: 25px;
	}

	.fluid-grid.xgap-xs-30 {
		--grid-layout-gap: 30px;
	}

	.fluid-grid.xgap-xs-35 {
		--grid-layout-gap: 35px;
	}

	.fluid-grid.xgap-xs-40 {
		--grid-layout-gap: 40px;
	}

	.fluid-grid.xgap-xs-45 {
		--grid-layout-gap: 45px;
	}

	.fluid-grid.xgap-xs-50 {
		--grid-layout-gap: 50px;
	}
}

.fluid-grid.min-width-20 {
	--grid-item--min-width: 20px;
}

.fluid-grid.min-width-30 {
	--grid-item--min-width: 30px;
}

.fluid-grid.min-width-40 {
	--grid-item--min-width: 40px;
}

.fluid-grid.min-width-50 {
	--grid-item--min-width: 50px;
}

.fluid-grid.min-width-100 {
	--grid-item--min-width: 100px;
}

.fluid-grid.min-width-150 {
	--grid-item--min-width: 150px;
}

.fluid-grid.min-width-200 {
	--grid-item--min-width: 200px;
}

.fluid-grid.min-width-250 {
	--grid-item--min-width: 250px;
}

.fluid-grid.min-width-300 {
	--grid-item--min-width: 300px;
}

.fluid-grid.min-width-350 {
	--grid-item--min-width: 350px;
}

.fluid-grid.min-width-400 {
	--grid-item--min-width: 400px;
}

.fluid-grid.min-width-450 {
	--grid-item--min-width: 450px;
}

.fluid-grid.min-width-500 {
	--grid-item--min-width: 500px;
}

@media screen and (min-width: 993px) {
	.fluid-grid .colspan-3 {
		grid-column-start: 1;
		grid-column-end: 4;
	}
}

/* ==================================================
Separators
================================================== */

.separator {
	height: 15px;
}

.separator-5 {
	height: 5px;
}

.separator-10 {
	height: 10px;
}

.separator-15 {
	height: 15px;
}

.separator-20 {
	height: 20px;
}

.separator-25 {
	height: 25px;
}

.separator-30 {
	height: 30px;
}

.separator-35 {
	height: 35px;
}

.separator-40 {
	height: 40px;
}

.separator-45 {
	height: 45px;
}

.separator-50 {
	height: 50px;
}

.separator-60 {
	height: 60px;
}

.separator-70 {
	height: 70px;
}

.separator-80 {
	height: 80px;
}

.separator-90 {
	height: 90px;
}

.separator-100 {
	height: 100px;
}

/* Tablet Only */

@media screen and (min-width: 768px) and (max-width: 992px) {
	.separator-sm-0 {
		height: 0px;
	}

	.separator-sm-5 {
		height: 5px;
	}

	.separator-sm-10 {
		height: 10px;
	}

	.separator-sm-15 {
		height: 15px;
	}

	.separator-sm-20 {
		height: 20px;
	}

	.separator-sm-25 {
		height: 25px;
	}

	.separator-sm-30 {
		height: 30px;
	}

	.separator-sm-40 {
		height: 40px;
	}

	.separator-sm-50 {
		height: 50px;
	}

	.separator-sm-60 {
		height: 60px;
	}

	.separator-sm-80 {
		height: 80px;
	}

	.separator-sm-100 {
		height: 100px;
	}
}

/* Mobile Only */

@media screen and (max-width: 767px) {
	.separator-xs-0 {
		height: 0px;
	}

	.separator-xs-5 {
		height: 5px;
	}

	.separator-xs-10 {
		height: 10px;
	}

	.separator-xs-15 {
		height: 15px;
	}

	.separator-xs-20 {
		height: 20px;
	}

	.separator-xs-25 {
		height: 25px;
	}

	.separator-xs-30 {
		height: 30px;
	}

	.separator-xs-40 {
		height: 40px;
	}

	.separator-xs-50 {
		height: 50px;
	}

	.separator-xs-60 {
		height: 60px;
	}

	.separator-xs-80 {
		height: 80px;
	}

	.separator-xs-100 {
		height: 100px;
	}
}

/* ==================================================
Absolute Positioning
================================================== */

.top-left {
	top: 0;
	left: 0;
}

.top-center {
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.top-right {
	top: 0;
	right: 0;
}

.center-left {
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.center-center {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.center-right {
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.bottom-left {
	left: 0;
	bottom: 0;
}

.bottom-center {
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.bottom-right {
	bottom: 0;
	right: 0;
}

/* ==================================================
Animations
================================================== */

@keyframes fade {
	from {
		opacity: 0;
	}
}

@keyframes fade-up {
	from {
		opacity: 0;
		transform: translateY(100px);
	}
}

@keyframes fade-down {
	from {
		opacity: 0;
		transform: translateY(-100px);
	}
}

@keyframes fade-left {
	from {
		opacity: 0;
		transform: translateX(100px);
	}
}

@keyframes fade-right {
	from {
		opacity: 0;
		transform: translateX(-100px);
	}
}

@keyframes fade-up-right {
	from {
		opacity: 0;
		transform: translate3d(-100px, 100px, 0)
	}
}

@keyframes fade-up-left {
	from {
		opacity: 0;
		transform: translate3d(100px, 100px, 0)
	}
}

@keyframes fade-down-right {
	from {
		opacity: 0;
		transform: translate3d(-100px, -100px, 0)
	}
}

@keyframes fade-down-left {
	from {
		opacity: 0;
		transform: translate3d(100px, -100px, 0)
	}
}

@keyframes flip-up {
	from {
		backface-visibility: hidden;
		transform: perspective(2500px) rotateX(-100deg)
	}
}

@keyframes flip-down {
	from {
		backface-visibility: hidden;
		transform: perspective(2500px) rotateX(100deg)
	}
}

@keyframes flip-left {
	from {
		backface-visibility: hidden;
		transform: perspective(2500px) rotateY(-100deg)
	}
}

@keyframes flip-right {
	from {
		backface-visibility: hidden;
		transform: perspective(2500px) rotateY(100deg)
	}
}

@keyframes slide-up {
	from {
		transform: translate3d(0, 100%, 0)
	}
}

@keyframes slide-down {
	from {
		transform: translate3d(0, -100%, 0)
	}
}

@keyframes slide-left {
	from {
		transform: translate3d(-100%, 0, 0)
	}
}

@keyframes slide-right {
	from {
		transform: translate3d(100%, 0, 0)
	}
}

@keyframes zoom-in {
	from {
		opacity: 0;
		transform: scale(.6)
	}
}

@keyframes zoom-in-up {
	from {
		opacity: 0;
		transform: translate3d(0, 100px, 0) scale(.6)
	}
}

@keyframes zoom-in-down {
	from {
		opacity: 0;
		transform: translate3d(0, -100px, 0) scale(.6)
	}
}

@keyframes zoom-in-left {
	from {
		opacity: 0;
		transform: translate3d(100px, 0, 0) scale(.6)
	}
}

@keyframes zoom-in-right {
	from {
		opacity: 0;
		transform: translate3d(-100px, 0, 0) scale(.6)
	}
}

@keyframes zoom-out {
	from {
		opacity: 0;
		transform: scale(1.2)
	}
}

@keyframes zoom-out-up {
	from {
		opacity: 0;
		transform: translate3d(0, 100px, 0) scale(1.2)
	}
}

@keyframes zoom-out-down {
	from {
		opacity: 0;
		transform: translate3d(0, -100px, 0) scale(1.2)
	}
}

@keyframes zoom-out-left {
	from {
		opacity: 0;
		transform: translate3d(100px, 0, 0) scale(1.2)
	}
}

@keyframes zoom-out-right {
	from {
		opacity: 0;
		transform: translate3d(-100px, 0, 0) scale(1.2)
	}
}

@keyframes fade-reverse {
	to {
		opacity: 0;
	}
}

@keyframes fade-up-reverse {
	to {
		opacity: 0;
		transform: translateY(100px);
	}
}

@keyframes fade-down-reverse {
	to {
		opacity: 0;
		transform: translateY(-100px);
	}
}

@keyframes fade-left-reverse {
	to {
		opacity: 0;
		transform: translateX(100px);
	}
}

@keyframes fade-right-reverse {
	to {
		opacity: 0;
		transform: translateX(-100px);
	}
}

@keyframes fade-up-right-reverse {
	to {
		opacity: 0;
		transform: translate3d(-100px, 100px, 0)
	}
}

@keyframes fade-up-left-reverse {
	to {
		opacity: 0;
		transform: translate3d(100px, 100px, 0)
	}
}

@keyframes fade-down-right-reverse {
	to {
		opacity: 0;
		transform: translate3d(-100px, -100px, 0)
	}
}

@keyframes fade-down-left-reverse {
	to {
		opacity: 0;
		transform: translate3d(100px, -100px, 0)
	}
}

@keyframes flip-up-reverse {
	to {
		backface-visibility: hidden;
		transform: perspective(2500px) rotateX(-100deg)
	}
}

@keyframes flip-down-reverse {
	to {
		backface-visibility: hidden;
		transform: perspective(2500px) rotateX(100deg)
	}
}

@keyframes flip-left-reverse {
	to {
		backface-visibility: hidden;
		transform: perspective(2500px) rotateY(-100deg)
	}
}

@keyframes flip-right-reverse {
	to {
		backface-visibility: hidden;
		transform: perspective(2500px) rotateY(100deg)
	}
}

@keyframes slide-up-reverse {
	to {
		transform: translate3d(0, 100%, 0)
	}
}

@keyframes slide-down-reverse {
	to {
		transform: translate3d(0, -100%, 0)
	}
}

@keyframes slide-left-reverse {
	to {
		transform: translate3d(-100%, 0, 0)
	}
}

@keyframes slide-right-reverse {
	to {
		transform: translate3d(100%, 0, 0)
	}
}

@keyframes zoom-in-reverse {
	to {
		opacity: 0;
		transform: scale(.6)
	}
}

@keyframes zoom-in-up-reverse {
	to {
		opacity: 0;
		transform: translate3d(0, 100px, 0) scale(.6)
	}
}

@keyframes zoom-in-down-reverse {
	to {
		opacity: 0;
		transform: translate3d(0, -100px, 0) scale(.6)
	}
}

@keyframes zoom-in-left-reverse {
	to {
		opacity: 0;
		transform: translate3d(100px, 0, 0) scale(.6)
	}
}

@keyframes zoom-in-right-reverse {
	to {
		opacity: 0;
		transform: translate3d(-100px, 0, 0) scale(.6)
	}
}

@keyframes zoom-out-reverse {
	to {
		opacity: 0;
		transform: scale(1.2)
	}
}

@keyframes zoom-out-up-reverse {
	to {
		opacity: 0;
		transform: translate3d(0, 100px, 0) scale(1.2)
	}
}

@keyframes zoom-out-down-reverse {
	to {
		opacity: 0;
		transform: translate3d(0, -100px, 0) scale(1.2)
	}
}

@keyframes zoom-out-left-reverse {
	to {
		opacity: 0;
		transform: translate3d(100px, 0, 0) scale(1.2)
	}
}

@keyframes zoom-out-right-reverse {
	to {
		opacity: 0;
		transform: translate3d(-100px, 0, 0) scale(1.2)
	}
}

.animate.fade-left {
	animation: fade-left 0.5s ease;
}

.animate.fade-left-reverse {
	animation: fade-left-reverse 0.3s ease;
}

.animate.fade-right {
	animation: fade-right 0.3s ease;
}

.animate.fade-right-reverse {
	animation: fade-right-reverse 0.3s ease;
}

/* ==================================================
Text Wrapping
================================================== */

.single-line {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.lines-2,
.lines-3,
.lines-4,
.lines-5,
.lines-6 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.lines-2 {
	-webkit-line-clamp: 2;
}

.lines-3 {
	-webkit-line-clamp: 3;
}

.lines-4 {
	-webkit-line-clamp: 4;
}

.lines-5 {
	-webkit-line-clamp: 5;
}

.lines-6 {
	-webkit-line-clamp: 6;
}

/* ==================================================
UL/OL Columns
================================================== */

.list-columns-2,
.list-columns-3,
.list-columns-4 {
	padding: 0;
	margin: 0;
	list-style: none;
}

.list-columns-2 li,
.list-columns-3 li,
.list-columns-4 li {
	page-break-inside: avoid;
	break-inside: avoid;
	position: relative;
}

.list-columns-2 {
	columns: 2;
}

.list-columns-3 {
	columns: 3;
}

.list-columns-4 {
	columns: 4;
}

/* Tablet Only */

@media screen and (min-width: 768px) and (max-width: 992px) {

	.list-columns-3,
	.list-columns-4 {
		columns: 2;
	}
}

/* Mobile Only */

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

	.list-columns-3,
	.list-columns-2,
	.list-columns-4 {
		columns: 1;
	}
}

/* ========== Dropdown Columns ========== */

.dropdown-columns {
	padding: 5px !important;
}

.dropdown-columns li {
	page-break-inside: avoid;
	break-inside: avoid;
	border-radius: 3px;
	overflow: hidden;
	width: 150px;
	max-width: 100%;
}

.dropdown-columns.columns-2 {
	columns: 2;
}

.dropdown-columns.columns-3 {
	columns: 3;
}

.dropdown-columns.columns-4 {
	columns: 4;
}

/* Mobile & Tablet */

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

	.dropdown-columns.columns-3,
	.dropdown-columns.columns-4 {
		columns: 2;
	}
}

/* Basic UL */

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

/* ==================================================
Displays
================================================== */

.float-start {
	float: left !important;
}

.float-end {
	float: right !important;
}

.float-none {
	float: none !important;
}

.d-inline {
	display: inline !important;
}

.d-inline-block {
	display: inline-block !important;
}

.d-block {
	display: block !important;
}

.d-table {
	display: table !important;
}

.d-table-row {
	display: table-row !important;
}

.d-table-cell {
	display: table-cell !important;
}

.d-flex {
	display: flex !important;
}

.d-inline-flex {
	display: inline-flex !important;
}

.p-absolute {
	position: absolute !important;
}

.p-relative {
	position: relative !important;
}

.z-index-max {
	z-index: 99999999 !important;
}

/* ==================================================
Aspect Ratios
================================================== */

.ratio-1-1 {
	aspect-ratio: 1;
}

.ratio-2-1 {
	aspect-ratio: 2;
}

.ratio-1-2 {
	aspect-ratio: 1 / 2;
}

.ratio-4-3 {
	aspect-ratio: 4 / 3;
}

.ratio-16-9 {
	aspect-ratio: 16 / 9;
}

/* ==================================================
Flex Classes
================================================== */

.flex-row {
	flex-direction: row !important;
}

.flex-column {
	flex-direction: column !important;
}

.flex-row-reverse {
	flex-direction: row-reverse !important;
}

.flex-column-reverse {
	flex-direction: column-reverse !important;
}

.flex-grow-0 {
	flex-grow: 0 !important;
}

.flex-grow-1 {
	flex-grow: 1 !important;
}

.flex-shrink-0 {
	flex-shrink: 0 !important;
}

.flex-shrink-1 {
	flex-shrink: 1 !important;
}

.flex-wrap {
	flex-wrap: wrap !important;
}

.flex-nowrap {
	flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
	flex-wrap: wrap-reverse !important;
}

.justify-content-start,
.justify-content-flex-start {
	justify-content: flex-start !important;
}

.justify-content-end,
.justify-content-flex-end {
	justify-content: flex-end !important;
}

.justify-content-center {
	justify-content: center !important;
}

.justify-content-between,
.justify-content-space-between {
	justify-content: space-between !important;
}

.justify-content-around,
.justify-content-space-around {
	justify-content: space-around !important;
}

.justify-content-evenly,
.justify-content-space-evenly {
	justify-content: space-evenly !important;
}

.align-items-start,
.align-items-flex-start {
	align-items: flex-start !important;
}

.align-items-end,
.align-items-flex-end {
	align-items: flex-end !important;
}

.align-items-center {
	align-items: center !important;
}

.align-items-baseline {
	align-items: baseline !important;
}

.align-items-stretch {
	align-items: stretch !important;
}

.align-content-start {
	align-content: flex-start !important;
}

.align-content-end {
	align-content: flex-end !important;
}

.align-content-center {
	align-content: center !important;
}

.align-content-between {
	align-content: space-between !important;
}

.align-content-around {
	align-content: space-around !important;
}

.align-content-stretch {
	align-content: stretch !important;
}

.align-self-auto {
	align-self: auto !important;
}

.align-self-start {
	align-self: flex-start !important;
}

.align-self-end {
	align-self: flex-end !important;
}

.align-self-center {
	align-self: center !important;
}

.align-self-baseline {
	align-self: baseline !important
}

.align-self-stretch {
	align-self: stretch !important;
}

.nowrap {
	white-space: nowrap !important;
}

/* CMS Components */

.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.inline-flex-center {
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.flex-content-5 {
	display: flex;
	gap: 5px;
}

.flex-content,
.flex-content-10 {
	display: flex;
	gap: 10px;
}

.flex-content-15 {
	display: flex;
	gap: 15px;
}

.flex-content-20 {
	display: flex;
	gap: 20px;
}

/* Mobile Only */

@media screen and (max-width: 767px) {
	.flex-wrap-xs {
		flex-wrap: wrap !important;
	}
}

/* Tablet Only */

@media screen and (min-width: 768px) and (max-width: 992px) {
	.flex-wrap-sm {
		flex-wrap: wrap !important;
	}
}

/* ==================================================
Flex & Grid Orders
================================================== */

.order-md-first {
	order: -1 !important;
}

.order-md-0 {
	order: 0 !important;
}

.order-md-1 {
	order: 1 !important;
}

.order-md-2 {
	order: 2 !important;
}

.order-md-3 {
	order: 3 !important;
}

.order-md-4 {
	order: 4 !important;
}

.order-md-5 {
	order: 5 !important;
}

.order-md-6 {
	order: 6 !important;
}

.order-md-7 {
	order: 7 !important;
}

.order-md-8 {
	order: 8 !important;
}

.order-md-9 {
	order: 9 !important;
}

.order-md-10 {
	order: 10 !important;
}

/* Tablet Only */

@media screen and (min-width: 768px) and (max-width: 992px) {
	.order-sm-first {
		order: -1 !important;
	}

	.order-sm-0 {
		order: 0 !important;
	}

	.order-sm-1 {
		order: 1 !important;
	}

	.order-sm-2 {
		order: 2 !important;
	}

	.order-sm-3 {
		order: 3 !important;
	}

	.order-sm-4 {
		order: 4 !important;
	}

	.order-sm-5 {
		order: 5 !important;
	}

	.order-sm-6 {
		order: 6 !important;
	}

	.order-sm-7 {
		order: 7 !important;
	}

	.order-sm-8 {
		order: 8 !important;
	}

	.order-sm-9 {
		order: 9 !important;
	}

	.order-sm-10 {
		order: 10 !important;
	}
}

/* Mobile Only */

@media screen and (max-width: 767px) {
	.order-xs-first {
		order: -1 !important;
	}

	.order-xs-0 {
		order: 0 !important;
	}

	.order-xs-1 {
		order: 1 !important;
	}

	.order-xs-2 {
		order: 2 !important;
	}

	.order-xs-3 {
		order: 3 !important;
	}

	.order-xs-4 {
		order: 4 !important;
	}

	.order-xs-5 {
		order: 5 !important;
	}

	.order-xs-6 {
		order: 6 !important;
	}

	.order-xs-7 {
		order: 7 !important;
	}

	.order-xs-8 {
		order: 8 !important;
	}

	.order-xs-9 {
		order: 9 !important;
	}

	.order-xs-10 {
		order: 10 !important;
	}
}

/* ==================================================
Flex & Grid Gaps
================================================== */

.gap-5 {
	gap: 5px !important;
}

.gap-10 {
	gap: 10px !important;
}

.gap-15 {
	gap: 15px !important;
}

.gap-20 {
	gap: 20px !important;
}

.gap-25 {
	gap: 25px !important;
}

.gap-30 {
	gap: 30px !important;
}

.gap-35 {
	gap: 35px !important;
}

.gap-40 {
	gap: 40px !important;
}

.gap-45 {
	gap: 45px !important;
}

.gap-50 {
	gap: 50px !important;
}

/* ==================================================
Cursors
================================================== */

.cursor-alias {
	cursor: alias !important;
}

.cursor-all-scroll {
	cursor: all-scroll !important;
}

.cursor-auto {
	cursor: auto !important;
}

.cursor-cell {
	cursor: cell !important;
}

.cursor-col-resize {
	cursor: col-resize !important;
}

.cursor-context-menu {
	cursor: context-menu !important;
}

.cursor-copy {
	cursor: copy !important;
}

.cursor-crosshair {
	cursor: crosshair !important;
}

.cursor-default {
	cursor: default !important;
}

.cursor-e-resize {
	cursor: e-resize !important;
}

.cursor-ew-resize {
	cursor: ew-resize !important;
}

.cursor-grab {
	cursor: grab !important;
}

.cursor-grabbing {
	cursor: grabbing !important;
}

.cursor-help {
	cursor: help !important;
}

.cursor-move {
	cursor: move !important;
}

.cursor-n-resize {
	cursor: n-resize !important;
}

.cursor-ne-resize {
	cursor: ne-resize !important;
}

.cursor-nesw-resize {
	cursor: nesw-resize !important;
}

.cursor-ns-resize {
	cursor: ns-resize !important;
}

.cursor-nw-resize {
	cursor: nw-resize !important;
}

.cursor-nwse-resize {
	cursor: nwse-resize !important;
}

.cursor-no-drop {
	cursor: no-drop !important;
}

.cursor-none {
	cursor: none !important;
}

.cursor-not-allowed {
	cursor: not-allowed !important;
}

.cursor-pointer {
	cursor: pointer !important;
}

.cursor-progress {
	cursor: progress !important;
}

.cursor-row-resize {
	cursor: row-resize !important;
}

.cursor-s-resize {
	cursor: s-resize !important;
}

.cursor-se-resize {
	cursor: se-resize !important;
}

.cursor-sw-resize {
	cursor: sw-resize !important;
}

.cursor-text {
	cursor: text !important;
}

.cursor-w-resize {
	cursor: w-resize !important;
}

.cursor-wait {
	cursor: wait !important;
}

.cursor-zoom-in {
	cursor: zoom-in !important;
}

.cursor-zoom-out {
	cursor: zoom-out !important;
}

/* ==================================================
Visibility
================================================== */

.invisible {
	visibility: hidden !important
}

template,
[hidden],
.d-none,
.hide,
.hidden,
.hide-empty:empty,
.hidden-empty:empty,
.pdf-only,
.print-only {
	display: none !important;
}

.overflow-visible {
	overflow: visible !important;
}

.overflow-hidden {
	overflow: hidden !important;
}

.overflow-x-hidden {
	overflow-x: hidden !important;
}

.overflow-y-hidden {
	overflow-y: hidden !important;
}

/* Mobile Only */

@media screen and (max-width: 767px) {
	.hidden-xs {
		display: none !important;
	}

	.visible-xs {
		display: block !important
	}

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

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

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

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

	.visible-xs-flex {
		display: flex !important
	}
}

/* Tablet Only */

@media screen and (min-width: 768px) and (max-width: 992px) {
	.hidden-sm {
		display: none !important;
	}

	.visible-sm {
		display: block !important
	}

	table.visible-sm {
		display: table !important
	}

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

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

	.visible-sm-inline {
		display: inline-block !important
	}

	.visible-sm-flex {
		display: flex !important
	}
}

/* Tablet & Desktop */

@media screen and (min-width: 768px) {
	.hidden-lg {
		display: none !important;
	}

	.visible-lg {
		display: block !important
	}

	table.visible-lg {
		display: table !important
	}

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

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

	.visible-lg-inline {
		display: inline-block !important
	}

	.visible-lg-flex {
		display: flex !important
	}
}

/* ==================================================
Widths
================================================== */

.width-25 {
	width: 25% !important;
}

.width-50 {
	width: 50% !important;
}

.width-100,
.full-width {
	width: 100% !important;
}

.min-width-30px {
	min-width: 30px !important;
}

.min-width-40px {
	min-width: 40px !important;
}

.min-width-50px {
	min-width: 50px !important;
}

.min-width-60px {
	min-width: 60px !important;
}

.min-width-70px {
	min-width: 70px !important;
}

.min-width-80px {
	min-width: 80px !important;
}

.min-width-90px {
	min-width: 90px !important;
}

.min-width-100px {
	min-width: 100px !important;
}

.min-width-120px {
	min-width: 120px !important;
}

.min-width-140px {
	min-width: 140px !important;
}

.min-width-150px {
	min-width: 150px !important;
}

.min-width-160px {
	min-width: 160px !important;
}

.min-width-180px {
	min-width: 180px !important;
}

.min-width-200px {
	min-width: 200px !important;
}

.clear-min-width {
	min-width: initial !important;
}

/* ==================================================
Print
================================================== */

@Print {
	.d-print-inline {
		display: inline !important;
	}

	.d-print-inline-block {
		display: inline-block !important;
	}

	.d-print-block {
		display: block !important;
	}

	.d-print-grid {
		display: grid !important;
	}

	.d-print-table {
		display: table !important;
	}

	.d-print-table-row {
		display: table-row !important;
	}

	.d-print-table-cell {
		display: table-cell !important;
	}

	.d-print-flex {
		display: flex !important;
	}

	.d-print-inline-flex {
		display: inline-flex !important;
	}

	.d-print-none {
		display: none !important;
	}
}

/* ==================================================
Margins
================================================== */

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

.margin-top-5 {
	margin-top: 5px !important;
}

.margin-top-10 {
	margin-top: 10px !important;
}

.margin-top,
.margin-top-15 {
	margin-top: 15px !important;
}

.margin-top-20 {
	margin-top: 20px !important;
}

.margin-top-25 {
	margin-top: 25px !important;
}

.margin-top-30 {
	margin-top: 30px !important;
}

.margin-bottom-5 {
	margin-bottom: 5px !important;
}

.margin-bottom-10 {
	margin-bottom: 10px !important;
}

.margin-bottom,
.margin-bottom-15 {
	margin-bottom: 15px !important;
}

.margin-bottom-20 {
	margin-bottom: 20px !important;
}

.margin-bottom-25 {
	margin-bottom: 25px !important;
}

.margin-bottom-30 {
	margin-bottom: 30px !important;
}

/* Mobile Only */

@media screen and (max-width: 767px) {
	.margin-top-xs-5 {
		margin-top: 5px !important;
	}

	.margin-top-xs-10 {
		margin-top: 10px !important;
	}

	.margin-top-xs,
	.margin-top-xs-15 {
		margin-top: 15px !important;
	}

	.margin-top-xs-20 {
		margin-top: 20px !important;
	}

	.margin-top-xs-25 {
		margin-top: 25px !important;
	}

	.margin-top-xs-30 {
		margin-top: 30px !important;
	}

	.margin-bottom-xs-5 {
		margin-bottom: 5px !important;
	}

	.margin-bottom-xs-10 {
		margin-bottom: 10px !important;
	}

	.margin-bottom-xs,
	.margin-bottom-xs-15 {
		margin-bottom: 15px !important;
	}

	.margin-bottom-xs-20 {
		margin-bottom: 20px !important;
	}

	.margin-bottom-xs-25 {
		margin-bottom: 25px !important;
	}

	.margin-bottom-xs-30 {
		margin-bottom: 30px !important;
	}
}

/* Tablet & Desktop */

@media screen and (min-width: 768px) {
	.margin-top-lg-5 {
		margin-top: 5px !important;
	}

	.margin-top-lg-10 {
		margin-top: 10px !important;
	}

	.margin-top-lg,
	.margin-top-lg-15 {
		margin-top: 15px !important;
	}

	.margin-top-lg-20 {
		margin-top: 20px !important;
	}

	.margin-top-lg-25 {
		margin-top: 25px !important;
	}

	.margin-top-lg-30 {
		margin-top: 30px !important;
	}

	.margin-bottom-lg-5 {
		margin-bottom: 5px !important;
	}

	.margin-bottom-lg-10 {
		margin-bottom: 10px !important;
	}

	.margin-bottom-lg,
	.margin-bottom-lg-15 {
		margin-bottom: 15px !important;
	}

	.margin-bottom-lg-20 {
		margin-bottom: 20px !important;
	}

	.margin-bottom-lg-25 {
		margin-bottom: 25px !important;
	}

	.margin-bottom-lg-30 {
		margin-bottom: 30px !important;
	}
}

.margin-bottom-progressive:last-child {
	margin-bottom: 0 !important;
}

/* ==================================================
Paddings
================================================== */

.padding-5 {
	padding: 5px !important;
}

.padding-8 {
	padding: 8px !important;
}

.padding-10 {
	padding: 10px !important;
}

.padding-15 {
	padding: 15px !important;
}

.padding-20 {
	padding: 20px !important;
}

.padding-lr-5 {
	padding: 0 5px !important;
}

.padding-lr-10 {
	padding: 0 10px !important;
}

/* ==================================================
Alignments
================================================== */

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

.align-right:lang(ar) {
	text-align: left !important;
}

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

.align-left:lang(ar) {
	text-align: right !important;
}

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

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

.force-rtl {
	direction: rtl !important;
}

.ltr-input,
.force-ltr-aligned {
	direction: ltr !important;
	text-align: left !important;
}

.rtl-input,
.force-rtl-aligned {
	direction: rtl !important;
	text-align: right !important;
}

.valign-top {
	vertical-align: top !important;
}

.valign-middle {
	vertical-align: middle !important;
}

.valign-bottom {
	vertical-align: bottom !important;
}

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

.center-div {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}

/* Tablet & Desktop */

@media screen and (min-width: 768px) {
	.center-lg {
		text-align: center !important;
	}
}

/* Tablet Only */

@media screen and (min-width: 768px) and (max-width: 992px) {
	.center-sm {
		text-align: center !important;
	}
}

/* Mobile Only */

@media screen and (max-width: 767px) {
	.center-xs {
		text-align: center !important;
	}
}

/* ==================================================
Colors
================================================== */

.c-primary {
	color: var(--color-primary);
}

a.c-primary:hover {
	color: var(--color-primary-light);
}

.c-secondary {
	color: var(--color-secondary-light);
}

a.c-secondary:hover {
	color: var(--color-secondary-light);
}

.c-white {
	color: #fff;
}

a.c-white:hover {
	color: #eee;
}

.c-danger {
	color: #d9534f;
}

a.c-danger:hover {
	color: #c9302c;
}

.c-warning {
	color: #f0ad4e;
}

a.c-warning:hover {
	color: #eb971f;
}

.c-success {
	color: #5cb85c;
}

a.c-success:hover {
	color: #449d44;
}

.c-info {
	color: #5bc0de;
}

a.c-info:hover {
	color: #31b0d5;
}

/* Backgrounds */

.bg-primary {
	background-color: var(--color-primary);
}

.bg-secondary {
	background-color: var(--color-secondary);
}

.bg-white {
	background-color: #fff;
}

.bg-danger {
	background-color: #d9534f;
}

.bg-warning {
	background-color: #f0ad4e;
}

.bg-success {
	background-color: #5cb85c;
}

.bg-info {
	background-color: #5bc0de;
}

/* Border Colors */

.bc-primary {
	border-color: var(--color-primary);
}

.bc-secondary {
	border-color: var(--color-secondary);
}

.bc-danger {
	border-color: #d9534f;
}

.bc-warning {
	border-color: #f0ad4e;
}

.bc-success {
	border-color: #5cb85c;
}

.bc-info {
	border-color: #5bc0de;
}

/* ==================================================
Font Sizes
================================================== */

.font-8 {
	font-size: 0.8rem !important;
}

.font-9 {
	font-size: 0.9rem !important;
}

.font-10 {
	font-size: 1rem !important;
}

.font-11 {
	font-size: 1.1rem !important;
}

.font-12 {
	font-size: 1.2rem !important;
}

.font-13 {
	font-size: 1.3rem !important;
}

.font-14 {
	font-size: 1.4rem !important;
}

.font-16 {
	font-size: 1.6rem !important;
}

.font-18 {
	font-size: 1.8rem !important;
}

.font-20 {
	font-size: 2rem !important;
}

.font-22 {
	font-size: 2.2rem !important;
}

.font-24 {
	font-size: 2.4rem !important;
}

.font-26 {
	font-size: 2.6rem !important;
}

.font-28 {
	font-size: 2.8rem !important;
}

.font-30 {
	font-size: 3rem !important;
}

.font-36 {
	font-size: 3.6rem !important;
}

.font-40 {
	font-size: 4rem !important;
}

/* Tablet Only */

@media screen and (min-width: 768px) and (max-width: 992px) {
	.font-sm-8 {
		font-size: 0.8rem !important;
	}

	.font-sm-9 {
		font-size: 0.9rem !important;
	}

	.font-sm-10 {
		font-size: 1rem !important;
	}

	.font-sm-11 {
		font-size: 1.1rem !important;
	}

	.font-sm-12 {
		font-size: 1.2rem !important;
	}

	.font-sm-13 {
		font-size: 1.3rem !important;
	}

	.font-sm-14 {
		font-size: 1.4rem !important;
	}

	.font-sm-16 {
		font-size: 1.6rem !important;
	}

	.font-sm-18 {
		font-size: 1.8rem !important;
	}

	.font-sm-20 {
		font-size: 2rem !important;
	}

	.font-sm-22 {
		font-size: 2.2rem !important;
	}

	.font-sm-24 {
		font-size: 2.4rem !important;
	}

	.font-sm-26 {
		font-size: 2.6rem !important;
	}

	.font-sm-28 {
		font-size: 2.8rem !important;
	}

	.font-sm-30 {
		font-size: 3rem !important;
	}

	.font-sm-36 {
		font-size: 3.6rem !important;
	}

	.font-sm-40 {
		font-size: 4rem !important;
	}
}

/* Mobile Only */

@media screen and (max-width: 767px) {
	.font-xs-8 {
		font-size: 0.8rem !important;
	}

	.font-xs-9 {
		font-size: 0.9rem !important;
	}

	.font-xs-10 {
		font-size: 1rem !important;
	}

	.font-xs-11 {
		font-size: 1.1rem !important;
	}

	.font-xs-12 {
		font-size: 1.2rem !important;
	}

	.font-xs-13 {
		font-size: 1.3rem !important;
	}

	.font-xs-14 {
		font-size: 1.4rem !important;
	}

	.font-xs-16 {
		font-size: 1.6rem !important;
	}

	.font-xs-18 {
		font-size: 1.8rem !important;
	}

	.font-xs-20 {
		font-size: 2rem !important;
	}

	.font-xs-22 {
		font-size: 2.2rem !important;
	}

	.font-xs-24 {
		font-size: 2.4rem !important;
	}

	.font-xs-26 {
		font-size: 2.6rem !important;
	}

	.font-xs-28 {
		font-size: 2.8rem !important;
	}

	.font-xs-30 {
		font-size: 3rem !important;
	}

	.font-xs-36 {
		font-size: 3.6rem !important;
	}

	.font-xs-40 {
		font-size: 4rem !important;
	}
}

/* ==================================================
Borders & Borders Radius
================================================== */

/* Borders */

.border-solid {
	border-width: 1px !important;
	border-style: solid !important;
}

.border-dotted {
	border-width: 1px !important;
	border-style: dotted !important;
}

.border-dashed {
	border-width: 1px !important;
	border-style: dashed !important;
}

/* Border Radius */

.border-radius-3 {
	border-radius: 3px !important;
}

.border-radius-5 {
	border-radius: 5px !important;
}

.border-radius-10 {
	border-radius: 10px !important;
}

.border-radius-50 {
	border-radius: 50% !important;
}

.border-radius-100 {
	border-radius: 100px !important;
}

/* Border Radius (Input Groups) */

.r3:not(:lang(ar))>*:first-child,
.r3:not(:lang(ar))>*:first-child>*,
.r3:not(:lang(ar))>*:first-child .select2-selection,
.r3:lang(ar)>*:last-child,
.r3:lang(ar)>*:last-child>*,
.r3:lang(ar)>*:last-child .select2-selection {
	border-radius: 3px 0 0 3px !important;
}

.r3:not(:lang(ar))>*:last-child,
.r3:not(:lang(ar))>*:last-child>*,
.r3:not(:lang(ar))>*:last-child .select2-selection,
.r3:lang(ar)>*:first-child,
.r3:lang(ar)>*:first-child>*,
.r3:lang(ar)>*:first-child .select2-selection {
	border-radius: 0 3px 3px 0 !important;
}

.r5:not(:lang(ar))>*:first-child,
.r5:not(:lang(ar))>*:first-child>*,
.r5:not(:lang(ar))>*:first-child .select2-selection,
.r5:lang(ar)>*:last-child,
.r5:lang(ar)>*:last-child>*,
.r5:lang(ar)>*:last-child .select2-selection {
	border-radius: 5px 0 0 5px !important;
}

.r5:not(:lang(ar))>*:last-child,
.r5:not(:lang(ar))>*:last-child>*,
.r5:not(:lang(ar))>*:last-child .select2-selection,
.r5:lang(ar)>*:first-child,
.r5:lang(ar)>*:first-child>*,
.r5:lang(ar)>*:first-child .select2-selection {
	border-radius: 0 5px 5px 0 !important;
}

.r10:not(:lang(ar))>*:first-child,
.r10:not(:lang(ar))>*:first-child>*,
.r10:not(:lang(ar))>*:first-child .select2-selection,
.r10:lang(ar)>*:last-child,
.r10:lang(ar)>*:last-child>*,
.r10:lang(ar)>*:last-child .select2-selection {
	border-radius: 10px 0 0 10px !important;
}

.r10:not(:lang(ar))>*:last-child,
.r10:not(:lang(ar))>*:last-child>*,
.r10:not(:lang(ar))>*:last-child .select2-selection,
.r10:lang(ar)>*:first-child,
.r10:lang(ar)>*:first-child>*,
.r10:lang(ar)>*:first-child .select2-selection {
	border-radius: 0 10px 10px 0 !important;
}

.r100:not(:lang(ar))>*:first-child,
.r100:not(:lang(ar))>*:first-child>*,
.r100:not(:lang(ar))>*:first-child .select2-selection,
.r100:lang(ar)>*:last-child,
.r100:lang(ar)>*:last-child>*,
.r100:lang(ar)>*:last-child .select2-selection {
	border-radius: 100px 0 0 100px !important;
}

.r100:not(:lang(ar))>*:last-child,
.r100:not(:lang(ar))>*:last-child>*,
.r100:not(:lang(ar))>*:last-child .select2-selection,
.r100:lang(ar)>*:first-child,
.r100:lang(ar)>*:first-child>*,
.r100:lang(ar)>*:first-child .select2-selection {
	border-radius: 0 100px 100px 0 !important;
}

/* Inputs Radius */

.inputs-radius-3 input,
.inputs-radius-3 select,
.inputs-radius-3 textarea,
.inputs-radius-3 .select2-selection {
	border-radius: 3px !important;
}

.inputs-radius-5 input,
.inputs-radius-5 select,
.inputs-radius-5 textarea,
.inputs-radius-5 .select2-selection {
	border-radius: 5px !important;
}

.inputs-radius-10 input,
.inputs-radius-10 select,
.inputs-radius-10 textarea,
.inputs-radius-10 .select2-selection {
	border-radius: 10px !important;
}

/* ==================================================
Clearance
================================================== */

.clear-width {
	width: auto !important;
}

.clear-margin {
	margin: 0 !important;
}

.clear-padding {
	padding: 0 !important;
}

.clear-box-shadow {
	box-shadow: initial !important;
}

.clear-text-shadow {
	text-shadow: initial !important;
}

.clear-border {
	border: 0 !important;
}

.clear-border-radius {
	border-radius: 0 !important;
}

.clear-transition {
	transition: initial !important;
}

/* Tablet Only */

@media screen and (min-width: 768px) and (max-width: 992px) {
	.clear-width-sm {
		width: auto !important;
	}

	.clear-margin-sm {
		margin: 0 !important;
	}

	.clear-padding-sm {
		padding: 0 !important;
	}
}

/* Mobile Only */

@media screen and (max-width: 767px) {
	.clear-width-xs {
		width: auto !important;
	}

	.clear-margin-xs {
		margin: 0 !important;
	}

	.clear-padding-xs {
		padding: 0 !important;
	}
}

/* ==================================================
Bootstrap 3 Buttons
================================================== */

.btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
	font-size: 1.2rem;
	padding: 8px 10px;
	font-weight: normal;
	cursor: pointer;
	white-space: nowrap;
	border: 1px solid transparent;
	border-radius: 4px;
	transition: color 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;
	text-decoration: none;
	line-height: 1;
}

.btn:active,
.btn.active {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn.disabled,
.btn[disabled] {
	cursor: not-allowed;
	opacity: .65;
	filter: alpha(opacity=65);
	box-shadow: none;
	pointer-events: none;
}


/* Sizes */

.btn-upload {
	min-width: 165px;
	font-size: 1.3rem;
	padding: 12px;
}

.btn-upload-large {
	min-width: 165px;
	font-size: 1.3rem;
	padding: 16px;
}

.btn-lg {
	font-size: 1.4rem;
	padding: 12px 14px;
	gap: 8px;
}

.btn-md {
	font-size: 1.3rem;
	padding: 10px 12px;
}

.btn-sm {
	font-size: 1.2rem;
	padding: 8px 10px;
}

.btn-xs {
	font-size: 1.1rem;
	padding: 4px 6px;
	min-height: initial;
	gap: 4px;
}

.btn-mini {
	font-size: 1rem;
	padding: 2px 4px;
	min-height: initial;
	gap: 2px;
}

.btn-icon {
	padding: 8px;
	width: 30px;
	height: 30px;
}

.btn-icon.btn-lg {
	padding: 12px;
	width: 40px;
	height: 40px;
}

.btn-icon.btn-md {
	padding: 10px;
	width: 36px;
	height: 36px;
}

.btn-icon.btn-xs {
	padding: 6px;
	width: 24px;
	height: 24px;
}

.btn-icon.btn-mini {
	padding: 4px;
	width: 20px;
	height: 20px;
}

.btn-block {
	display: flex;
	width: 100%
}

.btn-square {
	border-radius: 0;
}

.btn-shadow {
	border: 0;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

.btn-shadow:not([disabled]):hover {
	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
}

/* Colors */

.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}

.btn-default:hover,
.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default,
.btn-default:active:hover,
.btn-default.active:hover,
.open>.dropdown-toggle.btn-default:hover {
	color: #333;
	background-color: #ddd;
	border-color: #aaa;
}

.btn-primary {
	color: #fff;
	background-color: var(--color-primary);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open>.dropdown-toggle.btn-primary:hover {
	color: #fff;
	background-color: var(--color-primary-dark);
}

.btn-secondary {
	color: #fff;
	background-color: var(--color-secondary);
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary.active,
.open>.dropdown-toggle.btn-secondary,
.btn-secondary:active:hover,
.btn-secondary.active:hover,
.open>.dropdown-toggle.btn-secondary:hover {
	color: #fff;
	background-color: var(--color-secondary-dark);
}

.btn-success {
	color: #fff;
	background-color: #5cb85c;
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success,
.btn-success:active:hover,
.btn-success.active:hover,
.open>.dropdown-toggle.btn-success:hover {
	color: #fff;
	background-color: #449d44;
}

.btn-info {
	color: #fff;
	background-color: #5bc0de;
}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info,
.btn-info:active:hover,
.btn-info.active:hover,
.open>.dropdown-toggle.btn-info:hover {
	color: #fff;
	background-color: #31b0d5;
}

.btn-warning {
	color: #fff;
	background-color: #f0ad4e;
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning,
.btn-warning:active:hover,
.btn-warning.active:hover,
.open>.dropdown-toggle.btn-warning:hover {
	color: #fff;
	background-color: #ec971f;
}

.btn-danger {
	color: #fff;
	background-color: #d9534f;
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger,
.btn-danger:active:hover,
.btn-danger.active:hover,
.open>.dropdown-toggle.btn-danger:hover {
	color: #fff;
	background-color: #c9302c;
}

/* ==================================================
Bootstrap 3 Fade & Collapse
================================================== */

.fade {
	opacity: 0;
	transition: opacity .15s linear
}

.fade.in {
	opacity: 1
}

.collapse {
	display: none
}

.collapse.in {
	display: block
}

tr.collapse.in {
	display: table-row
}

tbody.collapse.in {
	display: table-row-group
}

.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	transition-property: height, visibility;
	transition-duration: .35s;
	transition-timing-function: ease
}

/* ==================================================
Bootstrap 3 Dropdown
================================================== */

.caret {
	display: block;
	transition: transform 0.2s;
}

.caret:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f107";
	display: flex;
	justify-content: center;
	align-items: center;
	width: 10px;
	height: 10px;
}

.dropdown {
	position: relative
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 990;
	display: none;
	min-width: 160px;
	padding: 0;
	margin: 1px 0 0;
	list-style: none;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box;
}

.dropdown-menu:not(.detach):lang(ar) {
	left: initial;
	right: 0;
}

.dropdown-menu .divider {
	height: 1px;
	margin: 0;
	overflow: hidden;
	background-color: #e5e5e5
}

.dropdown-menu>li>a {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 8px;
	clear: both;
	font-weight: normal;
	color: #333;
	white-space: nowrap;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
	text-decoration: none;
	color: #262626;
	background-color: #f5f5f5
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
	text-decoration: none;
	outline: 0;
	background-color: #eee
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
	color: #777
}

.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
	text-decoration: none;
	background-color: transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	cursor: not-allowed
}

.dropdown-header {
	display: block;
	padding: 3px 20px;
	font-size: 1.2rem;
	color: #777;
	white-space: nowrap
}

.dropdown-backdrop {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 990
}

/* CMS Components */

.open > .caret,
.open > .fa-angle-down {
	transform: rotate(180deg);
}

.dropdown-menu.compact {
	margin-top: -3px;
}

.dropdown-menu.reverse {
	left: initial;
	right: 0px;
}

.dropdown-menu.reverse:lang(ar) {
	right: initial;
	left: 0px;
}

.dropdown-menu li a i {
	text-align: center;
	width: 1.25em;
}

.dropdown-menu li.title {
	color: #909090;
	margin: 5px 0 5px 10px;
	font-size: 1.1rem;
}

.dropdown-menu:lang(ar) li.title {
	margin: 5px 10px 5px 0;
}

/* Tablet & Desktop */

@media screen and (min-width: 768px) {
	.dropdown-menu.reverse-large,
	.dropdown-menu.reverse-lg {
		left: initial !important;
		right: -1px !important;
	}

	.dropdown-menu.reverse-large:lang(ar),
	.dropdown-menu.reverse-lg:lang(ar) {
		right: initial !important;
		left: -1px !important;
	}
}

/* Mobile Only */

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

	.dropdown-menu.reverse-small,
	.dropdown-menu.reverse-sm {
		left: initial !important;
		right: -1px !important;
	}

	.dropdown-menu.reverse-small:lang(ar),
	.dropdown-menu.reverse-sm:lang(ar) {
		right: initial !important;
		left: -1px !important;
	}
}

/* Multi-Level Dropdown */

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin: -6px 0 0 -1px;
}

.dropdown-submenu:lang(ar)>.dropdown-menu {
	left: initial;
	right: 100%;
	margin: -6px -1px 0 0;
}

.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #808080;
	margin: 5px 2px 0 10px;
}

.dropdown-submenu:lang(ar)>a:after {
	float: left;
	border-width: 5px 5px 5px 0;
	border-left-color: transparent;
	border-right-color: #808080;
	margin: 5px 10px 0 2px;
}

/* ==================================================
Bootstrap 3 Input & Button Groups
================================================== */

.btn-group,
.btn-group-vertical {
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.btn-group>.btn,
.btn-group-vertical>.btn {
	position: relative;
	float: left
}

.btn-group:lang(ar)>.btn,
.btn-group-vertical>.btn {
	float: right
}

.btn-group>.btn:hover,
.btn-group-vertical>.btn:hover,
.btn-group>.btn:focus,
.btn-group-vertical>.btn:focus,
.btn-group>.btn:active,
.btn-group-vertical>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn.active {
	z-index: 2
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
	margin-left: -1px
}

.btn-group:lang(ar) .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
	margin-left: 0;
	margin-right: -1px
}

.btn-toolbar {
	margin-left: -5px
}

.btn-toolbar:lang(ar) {
	margin-left: 0;
	margin-right: 5px;
}

.btn-toolbar .btn,
.btn-toolbar .btn-group {
	float: left
}

.btn-toolbar:lang(ar) .btn,
.btn-toolbar .btn-group {
	float: right
}

.btn-toolbar>.btn,
.btn-toolbar>.btn-group {
	margin-left: 5px
}

.btn-toolbar:lang(ar).btn,
.btn-toolbar>.btn-group {
	margin-left: 0;
	margin-right: 5px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
	border-radius: 0
}

.btn-group:not(:lang(ar))>.btn:first-child {
	margin-left: 0
}

.btn-group:lang(ar)>.btn:first-child {
	margin-right: 0
}

.btn-group:not(:lang(ar))>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}

.btn-group:not(:lang(ar))>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

.btn-group:lang(ar)>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

.btn-group:lang(ar)>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}

.btn-group>.btn-group {
	float: left
}

.btn-group:lang(ar)>.btn-group {
	float: right
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
	border-radius: 0
}

.btn-group:not(:lang(ar))>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}

.btn-group:not(:lang(ar))>.btn-group:last-child:not(:first-child)>.btn:first-child {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

.btn-group:lang(ar)>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

.btn-group:lang(ar)>.btn-group:last-child:not(:first-child)>.btn:first-child {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
	outline: 0
}

.btn-group>.btn+.dropdown-toggle {
	padding-left: 8px;
	padding-right: 8px
}

.btn-group>.btn-lg+.dropdown-toggle {
	padding-left: 12px;
	padding-right: 12px
}

.btn-group.open .dropdown-toggle {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn-group.open .dropdown-toggle.btn-link {
	box-shadow: none
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
	display: block;
	float: none;
	width: 100%;
	max-width: 100%
}

.btn-group-vertical>.btn-group>.btn {
	float: none
}

.btn-group-vertical:not(:lang(ar))>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
	margin-top: -1px;
	margin-left: 0
}

.btn-group-vertical:lang(ar)>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
	margin-top: -1px;
	margin-right: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
	border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
	border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
	border-top-right-radius: 0;
	border-top-left-radius: 0
}

.btn-group-justified {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-collapse: separate
}

.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
	float: none !important;
	display: table-cell;
	width: 1%
}

.btn-group-justified>.btn-group .btn {
	width: 100%
}

.btn-group-justified:not(:lang(ar))>.btn-group .dropdown-menu {
	left: auto
}

.btn-group-justified:lang(ar)>.btn-group .dropdown-menu {
	right: auto
}

[data-toggle="buttons"]>.btn input[type="radio"],
[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],
[data-toggle="buttons"]>.btn input[type="checkbox"],
[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	pointer-events: none
}

/* ==================================================
Bootstrap 3 Tabs
================================================== */

.nav {
	margin-bottom: 0;
	padding: 0;
	list-style: none
}

.nav>li {
	position: relative;
	display: block
}

.nav>li>a {
	position: relative;
	display: block;
	padding: 10px 15px
}

.nav>li>a:hover,
.nav>li>a:focus {
	text-decoration: none;
	background-color: #eee
}

.nav>li.disabled>a {
	color: #777
}

.nav>li.disabled>a:hover,
.nav>li.disabled>a:focus {
	color: #777;
	text-decoration: none;
	background-color: transparent;
	cursor: not-allowed
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
	background-color: #eee;
	border-color: #606060
}

.nav .nav-divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5
}

.nav>li>a>img {
	max-width: none
}

.nav-tabs {
	border-bottom: 1px solid #ddd;
	display: flex;
	flex-wrap: wrap;
}

.nav-tabs>li>a {
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
	border-color: #eee #eee #ddd
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
	color: #555;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
	cursor: default
}

.nav-tabs.nav-justified {
	width: 100%;
	border-bottom: 0
}

.nav-tabs.nav-justified>li {
	float: none
}

.nav-tabs.nav-justified>li>a {
	text-align: center;
	margin-bottom: 5px
}

.nav-tabs.nav-justified:not(:lang(ar))>.dropdown .dropdown-menu {
	top: auto;
	left: auto
}

.nav-tabs.nav-justified:lang(ar)>.dropdown .dropdown-menu {
	top: auto;
	right: auto
}

@media (min-width:768px) {
	.nav-tabs.nav-justified>li {
		display: table-cell;
		width: 1%
	}

	.nav-tabs.nav-justified>li>a {
		margin-bottom: 0
	}
}

.nav-tabs.nav-justified>li>a {
	border-radius: 4px
}

.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:focus {
	border: 1px solid #ddd
}

@media (min-width:768px) {
	.nav-tabs.nav-justified>li>a {
		border-bottom: 1px solid #ddd;
		border-radius: 4px 4px 0 0
	}

	.nav-tabs.nav-justified>.active>a,
	.nav-tabs.nav-justified>.active>a:hover,
	.nav-tabs.nav-justified>.active>a:focus {
		border-bottom-color: #fff
	}
}

.tab-content>.tab-pane {
	display: none
}

.tab-content>.active {
	display: block
}

/* ==================================================
Bootstrap 3 Breadcrumbs
================================================== */

.breadcrumb {
	margin: 0;
	padding: 0;
	list-style: none;
}

.breadcrumb>li {
	display: inline;
}

.breadcrumb>li+li:before {
	content: "»";
	padding: 0 5px;
	color: #ccc
}

.breadcrumb>.active {
	color: #777;
	pointer-events: none;
}

/* ==================================================
Bootstrap 3 Labels
================================================== */

.label {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 8px;
	font-size: 1rem;
	font-weight: inherit;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	border-radius: .25em;
}

a.label:hover,
a.label:focus {
	color: #fff;
	text-decoration: none;
	cursor: pointer
}

.label:empty {
	display: none
}

.btn .label {
	position: relative;
	top: -1px
}

.label-default {
	background-color: #777
}

.label-primary {
	background-color: var(--color-primary);
}

.label-secondary {
	background-color: var(--color-secondary);
}

.label-success {
	background-color: #5cb85c
}

.label-info {
	background-color: #5bc0de
}

.label-warning {
	background-color: #f0ad4e
}

.label-danger {
	background-color: #d9534f
}

.label-block {
	display: flex;
	justify-content: center;
	min-height: 30px;
	font-size: 1.2rem;
}

/* ==================================================
Bootstrap 3 Alert
================================================== */

.alert {
	padding: 15px;
	border: 1px solid transparent;
	border-radius: 4px;
	margin-bottom: 15px;
}

.alert span {
	display: block;
	margin-top: 5px;
}

.alert ul {
	margin: 0 20px 0 20px;
	padding: 0;
	text-align: left;
}

.alert:lang(ar) ul {
	text-align: right;
}

.alert-dismissable .close {
	position: relative;
	top: -5px;
	right: -21px;
	color: inherit
}

.alert-dismissable:lang(ar) .close {
	right: initial;
	left: -21px;
}

.alert-success {
	background: #dff2bf;
	border-color: #9fce50;
	color: #3c763d
}

.alert-success a {
	color: #2b542c
}

.alert-info {
	background: #bde5f8;
	border-color: #46b6ec;
	color: #31708f
}

.alert-info a {
	color: #245269
}

.alert-warning {
	background: #feefb3;
	border-color: #f4d051;
	color: #8a6d3b
}

.alert-warning a {
	color: #66512c
}

.alert-danger {
	background: #fde4e1;
	border-color: #f1b9a6;
	color: #a94442
}

.alert-danger a {
	color: #843534
}

/* CMS Components */

.alert-success:not(.form-error),
.alert-danger:not(.form-error) {
	text-align: center;
}

.alert-title {
	text-align: center;
	background: #fcfcfc;
	border-color: #ccc;
	font-weight: bold;
	font-size: 1.4rem;
	line-height: 1;
}

.alert-title.simple {
	text-align: inherit;
	font-weight: normal;
}

/* ==================================================
Bootstrap 3 Progress Bar
================================================== */

@-webkit-keyframes progress-bar-stripes {
	from {
		background-position: 40px 0
	}

	to {
		background-position: 0 0
	}
}

@-o-keyframes progress-bar-stripes {
	from {
		background-position: 40px 0
	}

	to {
		background-position: 0 0
	}
}

@keyframes progress-bar-stripes {
	from {
		background-position: 40px 0
	}

	to {
		background-position: 0 0
	}
}

.progress {
	overflow: hidden;
	height: auto;
	margin-bottom: 0;
	background-color: #f5f5f5;
	border-radius: 4px;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}

.progress-bar {
	float: left;
	width: 0%;
	padding: 2px;
	height: 100%;
	font-size: 1.2rem;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background-color: #606060;
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	transition: width .6s ease
}

.progress-bar:lang(ar) {
	float: right;
}

.progress.active .progress-bar,
.progress-bar.active {
	animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-primary {
	background-color: var(--color-primary);
}

.progress-bar-secondary {
	background-color: var(--color-secondary);
}

.progress-bar-success {
	background-color: #5cb85c
}

.progress-bar-info {
	background-color: #5bc0de
}

.progress-bar-warning {
	background-color: #f0ad4e
}

.progress-bar-danger {
	background-color: #d9534f
}

/* ==================================================
Bootstrap 3 Panel
================================================== */

.panel {
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	overflow: hidden;
}

.panel-heading {
	padding: 10px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

.panel-heading>a {
	display: flex;
	align-items: center;
	gap: 10px;
}

.panel-heading>a>span {
	flex-grow: 1;
}

.panel-body {
	padding: 10px;
}

.panel-footer {
	padding: 10px;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.panel-group .panel {
	margin-bottom: 0;
	border-radius: 4px;
}

.panel-group .panel-heading+.panel-collapse>.panel-body {
	border-top: 1px solid transparent;
}

.panel-default {
	border-color: #ddd;
}

.panel-default>.panel-heading {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #ddd;
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #ddd;
}

.panel-primary {
	border-color: var(--color-primary);
}

.panel-primary>.panel-heading {
	color: #fff;
	background-color: var(--color-primary);
	border-color: var(--color-primary);
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: var(--color-primary)
}

.panel-secondary {
	border-color: var(--color-secondary);
}

.panel-secondary>.panel-heading {
	color: #fff;
	background-color: var(--color-secondary);
	border-color: var(--color-secondary);
}

.panel-secondary>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: var(--color-secondary)
}

.panel-primary>.panel-heading a,
.panel-secondary>.panel-heading a {
	color: #fff;
}

.panel-success {
	border-color: #d6e9c6
}

.panel-success>.panel-heading {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #d6e9c6
}

.panel-info {
	border-color: #bce8f1
}

.panel-info>.panel-heading {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #bce8f1
}

.panel-warning {
	border-color: #faebcc
}

.panel-warning>.panel-heading {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #faebcc
}

.panel-danger {
	border-color: #ebccd1
}

.panel-danger>.panel-heading {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #ebccd1
}

.panel.panel-settings {
	background: transparent;
	box-shadow: initial;
}

.panel.panel-settings>a {
	display: flex;
	align-items: center;
	gap: 5px;
	margin-top: 5px;
	padding: 8px 6px 8px 6px;
	background: #fefefe;
	border: 1px solid #ddd;
	border-radius: 3px;
	color: #202020;
}

.panel.panel-settings>a:not(.open):hover {
	background: #fafafa;
}

.panel.panel-settings>a.open {
	background: #eee;
	border-color: #aaa;
}

.panel.panel-settings:first-child>a {
	margin-top: 0;
}

.panel.panel-settings .panel-collapse>* {
	margin: 5px 0 5px 0;
}

.panel.panel-settings:last-child .panel-collapse>* {
	margin-bottom: 0;
}

.panel.panel-settings .panel-settings-items {
	background: #fff;
	padding: 6px;
	border: 1px solid #ccc;
	border-radius: 3px;
}

/* ==================================================
Bootstrap 3 Tooltip
================================================== */

.tooltip {
	position: absolute;
	z-index: 1070;
	display: block;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-break: auto;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	white-space: normal;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	font-size: 1.2rem;
	opacity: 0;
	filter: alpha(opacity=0)
}

.tooltip.in {
	opacity: .9;
	filter: alpha(opacity=90)
}

.tooltip.top {
	margin-top: -3px;
	padding: 5px 0
}

.tooltip.right {
	margin-left: 3px;
	padding: 0 5px
}

.tooltip.bottom {
	margin-top: 3px;
	padding: 5px 0
}

.tooltip.left {
	margin-left: -3px;
	padding: 0 5px
}

.tooltip-inner {
	max-width: 200px;
	padding: 4px 8px;
	color: #fff;
	text-align: center;
	background-color: #000;
	border-radius: 4px;
}

.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
	bottom: 0;
	right: 5px;
	margin-bottom: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
	bottom: 0;
	left: 5px;
	margin-bottom: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000
}

.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000
}

.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
	top: 0;
	right: 5px;
	margin-top: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
	top: 0;
	left: 5px;
	margin-top: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}

.tooltip.right:lang(ar) {
	margin-left: 5px;
}

.tooltip.left:lang(ar) {
	margin-left: -5px;
}

.tooltip.right:lang(ar) .tooltip-arrow {
	border-width: 5px 5px 5px 0;
}

.tooltip.left:lang(ar) .tooltip-arrow {
	border-width: 5px 0 5px 5px;
}

/* ==================================================
Bootstrap 3 Popover
================================================== */

.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	display: none;
	max-width: 276px;
	padding: 1px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	padding: 5px;
	line-break: auto;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	white-space: normal;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	font-size: 1.2rem;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
}

.popover.top {
	margin-top: -10px
}

.popover.right {
	margin-left: 10px
}

.popover.bottom {
	margin-top: 10px
}

.popover.left {
	margin-left: -10px
}

.popover-title {
	margin: 0;
	padding: 5px;
	font-size: 1.2rem;
	background-color: #eee;
	border-radius: 3px;
}

.popover-content {
	padding: 5px
}

.popover>.arrow,
.popover>.arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}

.popover>.arrow {
	border-width: 11px
}

.popover>.arrow:after {
	border-width: 10px;
	content: ""
}

.popover.top>.arrow {
	left: 50%;
	transform: translateX(-50%);
	border-bottom-width: 0;
	border-top-color: #999;
	border-top-color: rgba(0, 0, 0, 0.25);
	bottom: -11px
}

.popover.top>.arrow:after {
	left: 50%;
	transform: translateX(-50%);
	content: " ";
	bottom: 1px;
	border-bottom-width: 0;
	border-top-color: #fff
}

.popover.right>.arrow {
	top: 50%;
	left: -11px;
	margin-top: -11px;
	border-left-width: 0;
	border-right-color: #999;
	border-right-color: rgba(0, 0, 0, 0.25)
}

.popover.right>.arrow:after {
	content: " ";
	left: 1px;
	bottom: -10px;
	border-left-width: 0;
	border-right-color: #fff
}

.popover.bottom>.arrow {
	left: 50%;
	transform: translateX(-50%);
	border-top-width: 0;
	border-bottom-color: #999;
	border-bottom-color: rgba(0, 0, 0, 0.25);
	top: -11px
}

.popover.bottom>.arrow:after {
	content: " ";
	top: 1px;
	left: 50%;
	transform: translateX(-50%);
	border-top-width: 0;
	border-bottom-color: #fff
}

.popover.left>.arrow {
	top: 50%;
	right: -11px;
	margin-top: -11px;
	border-right-width: 0;
	border-left-color: #999;
	border-left-color: rgba(0, 0, 0, 0.25)
}

.popover.left>.arrow:after {
	content: " ";
	right: 1px;
	border-right-width: 0;
	border-left-color: #fff;
	bottom: -10px
}

.popover.helper .popover-content {
	min-width: 200px;
}

/* ==================================================
Bootstrap 3 Pagination
================================================== */

.pagination {
	display: inline-block;
	padding-left: 0;
	border-radius: 4px
}

.pagination>li {
	display: inline
}

.pagination>li>a,
.pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.42857143;
	text-decoration: none;
	color: var(--color-primary);
	background-color: #fff;
	border: 1px solid #ddd;
	margin-left: -1px
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
	margin-left: 0;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
	z-index: 2;
	color: #23527c;
	background-color: #eee;
	border-color: #ddd
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
	z-index: 3;
	color: #fff;
	background: var(--color-primary);
	border-color: var(--color-primary);
	cursor: default
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
	color: #777;
	background-color: #fff;
	border-color: #ddd;
	cursor: not-allowed
}

.pagination-lg>li>a,
.pagination-lg>li>span {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
	border-bottom-right-radius: 6px;
	border-top-right-radius: 6px
}

.pagination-sm>li>a,
.pagination-sm>li>span {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px
}

/* ==================================================
Inputs
================================================== */

input,
textarea,
select {
	margin: 0;
}

input:-webkit-autofill {
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .1), inset 0 0 0 100px #fcfcfc !important;
}

input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	box-shadow: 0 0 0 4px #60606020, inset 0 0 0 100px #fcfcfc !important;
}

input[type="number"] {
	-moz-appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	margin: 0;
	-webkit-appearance: none;
}

textarea,
input[type=file] {
	padding: 5px !important;
}

textarea {
	display: block;
	min-height: 70px !important;
	resize: vertical;
}

textarea[auto-height] {
	overflow-y: hidden;
	resize: none;
}

/* For Edge */

input[type="file"]::-ms-value {
	border: 0;
	background: transparent;
}

select {
	padding: 0;
}

input[type="color"] {
	height: 30px;
	margin: 0;
	padding: 0;
}

input[type="color"]::-webkit-color-swatch-wrapper {
	padding: 2px;
}

input[type="color"]::-webkit-color-swatch {
	border: 0;
}

input[type="text"][disabled],
input[type="password"][disabled],
input[type="number"][disabled],
input[type="file"][disabled],
input[type="email"][disabled],
input[type="date"][disabled],
input[type="time"][disabled],
input[type="search"][disabled],
textarea[disabled],
select[disabled] {
	color: #909090;
	background: #eee;
	pointer-events: none;
	-webkit-appearance: none;
}

input[type="text"][dummy],
input[type="password"][dummy],
input[type="number"][dummy],
input[type="file"][dummy],
input[type="email"][dummy],
input[type="date"][dummy],
input[type="time"][dummy],
input[type="search"][dummy],
textarea[dummy],
select[dummy] {
	border: 0;
	background: transparent;
	pointer-events: none;
	color: black;
	box-shadow: initial;
	-webkit-appearance: none;
	padding: 0;
}

input[type="text"][dummy].border,
input[type="password"][dummy].border,
input[type="number"][dummy].border,
input[type="file"][dummy].border,
input[type="email"][dummy].border,
input[type="date"][dummy].border,
input[type="time"][dummy].border,
input[type="search"][dummy].border,
textarea[dummy].border,
select[dummy].border {
	border: 1px solid #b9b9b9;
	padding: 0 5px 0 5px;
}

input[list]:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=file]:focus,
input[type=email]:focus,
input[type=date]:focus,
input[type=time]:focus,
input[type=color]:focus,
textarea:focus,
select:focus,
.select2-selection[aria-expanded=true] {
	position: relative;
	z-index: 10;
}

.fake-input {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0 5px 0 5px;
	min-height: 30px;
	color: #101010;
	width: 100%;
	border-radius: 3px;
}

.fake-input.border {
	border: 1px solid #b9b9b9;
}

.password-toggler {
	position: absolute;
	top: 50%;
	inset-inline-end: 5px;
	transform: translate(-5px, -50%);
	z-index: 9999999;
	cursor: pointer;
}

.password-toggler:lang(ar) {
	transform: translate(5px, -50%);
}

/* ===== Range Slider ===== */

input[type="range"].range-slider {
	height: 10px;
	margin: 10px 0;
	width: 100%;
	background: transparent;
	-webkit-appearance: none;
}

input[type="range"]:focus {
	outline: none;
}

input[type="range"].range-slider:disabled {
	opacity: 0.5;
	filter: grayscale(1);
}

input[type="range"].range-slider::-webkit-slider-runnable-track {
	width: 100%;
	height: 6px;
	cursor: pointer;
	background: #ddd;
	border-radius: 100px;
}

input[type="range"].range-slider::-webkit-slider-thumb {
	height: 20px;
	width: 20px;
	border-radius: 100px;
	background: var(--color-primary);
	cursor: pointer;
	margin-top: -7px;
	-webkit-appearance: none;
}

input[type="range"].range-slider:focus::-webkit-slider-runnable-track {
	background: #ccc;
}

input[type="range"].range-slider::-moz-range-track {
	width: 100%;
	height: 6px;
	cursor: pointer;
	background: #ddd;
	border-radius: 100px;
}

input[type="range"].range-slider::-moz-range-thumb {
	height: 20px;
	width: 20px;
	border: 0;
	border-radius: 100px;
	background: var(--color-primary);
	cursor: pointer;
	margin-top: -7px;
	-webkit-appearance: none;
}

/* ===== Radio [Materialize] ===== */

.radio-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	position: relative;
	min-height: 30px;
}

.radio-container.fixed-width label {
	width: 200px;
}

.radio-container.vertical label {
	width: 100%;
}

.radio-container [type="radio"]:not(:checked),
.radio-container [type="radio"]:checked {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.radio-container [type="radio"]:not(:checked)+span,
.radio-container [type="radio"]:checked+span {
	position: relative;
	cursor: pointer;
	display: flex;
	align-items: center;
	transition: 0.3s ease;
	font-weight: normal;
	padding-left: 25px;
	height: 20px;
}

.radio-container [type="radio"]:not(:checked)+span:lang(ar),
.radio-container [type="radio"]:checked+span:lang(ar) {
	padding-left: 0;
	padding-right: 25px;
}

.radio-container [type="radio"]+span:before,
.radio-container [type="radio"]+span:after {
	content: "";
	position: absolute;
	top: 0;
	width: 18px;
	height: 18px;
	z-index: 0;
	transition: 0.3s ease;
	left: 0;
	right: auto;
}

.radio-container [type="radio"][disabled]+span:before,
.radio-container [type="radio"][disabled]+span:after {
	filter: grayscal(1);
	opacity: 0.5;
	pointer-events: none;
}

.radio-container [type="radio"]+span:lang(ar):before,
.radio-container [type="radio"]+span:lang(ar):after {
	left: auto;
	right: 0;
}

.radio-container [type="radio"]:not(:checked)+span:before,
.radio-container [type="radio"]:not(:checked)+span:after,
.radio-container [type="radio"]:checked+span:before,
.radio-container [type="radio"]:checked+span:after,
.radio-container.with-gap [type="radio"]:checked+span:before,
.radio-container.with-gap [type="radio"]:checked+span:after {
	border-radius: 50%;
}

.radio-container [type="radio"]:not(:checked)+span:before,
.radio-container [type="radio"]:not(:checked)+span:after {
	border: 1px solid #909090;
}

.radio-container [type="radio"]:not(:checked)+span:after {
	transform: scale(0);
}

.radio-container [type="radio"]:checked+span:before {
	border: 1px solid transparent;
}

.radio-container [type="radio"]:checked+span:after {
	transform: scale(1.02);
}

.radio-container.with-gap [type="radio"]:checked+span:after {
	transform: scale(0.5);
}

.radio-container.tabbed [type="radio"]:focus+span:before {
	box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
}

.radio-container.with-gap [type="radio"]:disabled:checked+span:before {
	border: 1px solid rgba(0, 0, 0, 0.42);
}

.radio-container.with-gap [type="radio"]:disabled:checked+span:after {
	border: none;
	background-color: rgba(0, 0, 0, 0.42);
}

.radio-container [type="radio"]:disabled:not(:checked)+span:before,
.radio-container [type="radio"]:disabled:checked+span:before {
	background-color: transparent;
	border-color: rgba(0, 0, 0, 0.42);
}

.radio-container [type="radio"]:disabled+span {
	color: rgba(0, 0, 0, 0.42);
}

.radio-container [type="radio"]:disabled:not(:checked)+span:before {
	border-color: rgba(0, 0, 0, 0.42);
}

.radio-container [type="radio"]:disabled:checked+span:after {
	background-color: rgba(0, 0, 0, 0.42);
	border-color: #949494;
}

.radio-container [type="radio"]:checked+span:after,
.radio-container.with-gap [type="radio"]:checked+span:before,
.radio-container.with-gap [type="radio"]:checked+span:after {
	border: 1px solid var(--color-primary);
}

.radio-container [type="radio"]:checked+span:after,
.radio-container.with-gap [type="radio"]:checked+span:after {
	background-color: var(--color-primary);
}

/* ===== Radio [Graphics] ===== */

.radio-container-graphics {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
}

.radio-container-graphics [type="radio"] {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.radio-container-graphics [type="radio"]+span {
	position: relative;
	cursor: pointer;
	display: block;
	transition: 0.3s ease;
	font-weight: normal;
}

/* Icon */

.radio-container-graphics [type="radio"]+span.icon {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 3px;
	border: 1px solid #ddd;
	font-size: 1.6rem;
	padding: 6px;
	aspect-ratio: 1 / 1;
}

.radio-container-graphics [type="radio"]:checked+span.icon {
	background: #eee;
	border: 1px solid #808080;
}

.radio-container-graphics.tabbed [type="radio"]:focus+span.icon {
	box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
}

/* ===== Checkbox [Materialize] ===== */

.check-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	position: relative;
	min-height: 30px;
}

.check-container.fixed-width label {
	width: 200px;
}

.check-container.vertical label {
	width: 100%;
}

.check-container [type="checkbox"] {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.check-container [type="checkbox"]+span {
	display: flex;
	align-items: center;
	gap: 8px;
	height: 100%;
	cursor: pointer;
}

.check-container [type="checkbox"]+span:before {
	content: "";
	border-radius: 2px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20px;
	min-width: 20px;
	max-width: 20px;
	aspect-ratio: 1 / 1;
	border: 1px solid #909090;
	transition: all 0.3s;
	color: white;
}

.check-container [type="checkbox"]:checked+span:before {
	content: "✓";
	background-color: var(--color-primary);
	border-color: var(--color-primary);
}

.check-container.with-gap [type="checkbox"]:checked+span:before {
	content: "✓";
	color: var(--color-primary);
	border-color: var(--color-primary);
	background-color: transparent;
}

.check-container.error [type="checkbox"]+span:before,
.check-container .has-error [type="checkbox"]+span:before {
	border-color: #d9534f;
}

.check-container.tabbed [type="checkbox"]:focus+span:before {
	box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
}

/* ===== Checkbox [Graphics] ===== */

.check-container-graphics {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
}

.check-container-graphics [type="checkbox"] {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.check-container-graphics [type="checkbox"]+span {
	position: relative;
	cursor: pointer;
	display: block;
	transition: 0.3s ease;
}

/* Icon */

.check-container-graphics [type="checkbox"]+span.icon {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 3px;
	border: 1px solid #ddd;
	font-size: 1.6rem;
	padding: 6px;
	aspect-ratio: 1 / 1;
}

.check-container-graphics [type="checkbox"]:checked+span.icon {
	background: #eee;
	border: 1px solid #808080;
}

.check-container-graphics.tabbed [type="checkbox"]:focus+span.icon {
	box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
}

/* ===== Switch Button ===== */

.switch {
	min-height: 30px;
	display: flex;
	align-items: center;
}

.switch label {
	cursor: pointer;
}

.switch label input[type="checkbox"] {
	opacity: 0;
	width: 0;
	height: 0;
}

.switch label input[type="checkbox"]:checked+.lever {
	background-color: var(--color-primary-light);
}

.switch label input[type="checkbox"]:checked+.lever:before,
.switch label input[type="checkbox"]:checked+.lever:after {
	left: 22px;
}

.switch:lang(ar) label input[type="checkbox"]:checked+.lever:before,
.switch:lang(ar) label input[type="checkbox"]:checked+.lever:after {
	left: initial;
	right: 22px;
}

.switch label input[type="checkbox"]:checked+.lever:after {
	background-color: var(--color-primary);
}

.switch label .lever {
	content: "";
	display: inline-block;
	position: relative;
	width: 40px;
	height: 16px;
	background-color: rgba(0, 0, 0, 0.38);
	border-radius: 15px;
	transition: background 0.3s ease;
	vertical-align: middle;
	margin: 3px 10px 0 10px;
}

.switch label .lever:before,
.switch label .lever:after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	left: 0;
	top: -2px;
	transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease, transform 0.1s ease;
}

.switch label:lang(ar) .lever:before,
.switch label:lang(ar) .lever:after {
	left: initial;
	right: 0;
	transition: right 0.3s ease, background 0.3s ease, box-shadow 0.1s ease, transform 0.1s ease;
}

.switch label .lever:before {
	background-color: rgba(40, 40, 40, 0.15);
}

.switch label .lever:after {
	background-color: #f1f1f1;
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.switch input[type="checkbox"]:checked:not(:disabled)~.lever:active::before,
.switch.tabbed input[type="checkbox"]:checked:not(:disabled):focus~.lever::before {
	transform: scale(1.4);
	background-color: rgba(40, 40, 40, 0.15);
}

.switch input[type="checkbox"]:not(:disabled)~.lever:active:before,
.switch.tabbed input[type="checkbox"]:not(:disabled):focus~.lever::before {
	transform: scale(1.4);
	background-color: rgba(0, 0, 0, 0.08);
}

.switch input[type="checkbox"][disabled]+.lever {
	cursor: default;
	background-color: rgba(0, 0, 0, 0.12);
}

.switch label input[type="checkbox"][disabled]+.lever:after,
.switch label input[type="checkbox"][disabled]:checked+.lever:after {
	background-color: #949494;
}

/* ==================================================
Form Related Classes
================================================== */

.requ:before {
	display: inline;
	content: "*";
	color: red;
	font-style: normal;
}

i.na {
	color: #909090;
}

.submit {
	background-color: #5cb85c;
	position: relative;
	border: 0;
	box-shadow: 0 3px 0 #348034;
	margin-bottom: 3px;
	display: inline-block;
	cursor: pointer;
	color: #ffffff !important;
	vertical-align: center;
	font-size: 1.4rem;
	padding: 10px 15px 10px 15px;
	text-decoration: none;
	border-radius: 5px;
	min-width: 150px;
	transition: background-color 0.2s;
}

.submit:active {
	box-shadow: 0 2px 0 #348034;
	top: 1px;
}

.submit[disabled] {
	opacity: 0.75;
	cursor: not-allowed;
	pointer-events: none;
}

.submit:not([disabled]):hover {
	color: white;
	background-color: #449d44;
}

.input-description {
	width: 100%;
	font-size: 1rem;
	color: #909090;
	margin-top: 5px;
}

.input-description:empty {
	display: none;
}

.direct-file-container {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.preview {
	display: block;
	min-width: 150px;
	width: 150px;
}

.preview.compact {
	min-width: 80px;
	width: 80px;
}

.preview img {
	max-width: initial;
	width: 100%;
	height: auto;
	border-radius: 3px;
	border: 1px solid #b9b9b9;
}

/* ==================================================
Messages
================================================== */

.message {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	padding: 20px;
}

.message i {
	color: #ccc;
	font-size: 100px;
	display: block;
	margin-bottom: 10px;
}

.message b {
	display: block;
	font-size: 1.6rem;
}

.message small {
	display: block;
	font-size: 1.3rem;
	color: #606060;
}

.success-icon:before {
	font-family: "Font Awesome 5 Pro";
	content: "\f00c";
	font-size: 60px;
	line-height: 100px;
	display: block;
	text-align: center;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	color: white;
	background: rgb(115, 172, 110);
	margin-bottom: 10px;
}

.error-icon:before {
	font-family: "Font Awesome 5 Pro";
	content: "\f00d";
	font-size: 6rem;
	line-height: 100px;
	display: block;
	text-align: center;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	color: white;
	background: rgb(224, 114, 102);
	margin-bottom: 10px;
}

.large-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px;
}

.large-icon i {
	font-size: 6rem;
}

/* No Content */

.no-content {
	text-align: center;
	padding: 50px 0 50px 0;
}

.no-content h2 {
	font-size: 1.8rem;
	margin: 0 0 15px 0;
}

.no-content-sm {
	text-align: center;
	padding: 10px;
}

.no-content-view {
	padding: 15px;
	text-align: center;
	border: 1px solid #eee;
	border-radius: 3px;
}

[empty-message].empty * {
	display: none;
}

[empty-message].empty:before,
[empty-message]:empty:before {
	content: attr(empty-message);
	display: block;
	color: #606060;
	text-align: center;
	border: 1px solid #ccc;
	background: rgba(255, 255, 255, .5);
	padding: 10px;
	border-radius: 3px;
}

/* ==================================================
Inline Tags
================================================== */

.inline-tags {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin: 0 0 -5px 0;
	width: calc(100% + 5px);
}

.inline-tags li {
	flex-grow: 1;
	margin: 0 5px 5px 0;
	line-height: 1 !important;
}

.inline-tags:lang(ar) li {
	margin: 0 0 5px 5px;
}

.inline-tags a,
.inline-tags span {
	display: inline-block;
	width: 100%;
	padding: 8px;
	background: #f8f8f8;
	border: 1px solid #c8c8c8;
	border-radius: 3px;
	overflow: hidden;
	color: #000 !important;
}

.inline-tags a b,
.inline-tags span b {
	display: inline-block;
	margin-top: -10px;
	margin-bottom: -10px;
	background: white;
	margin-right: 5px;
	margin-left: -8px;
	border-right: 1px solid #c8c8c8;
	padding: 10px;
	color: #000 !important;
}

.inline-tags:lang(ar) a b,
.inline-tags:lang(ar) span b {
	margin-left: 5px;
	margin-right: -8px;
	border-left: 1px solid #c8c8c8;
	border-right: 0;
}

.inline-tags a:hover {
	background: #eee;
}

/* ==================================================
Forms
================================================== */

/* ===== Inputs Group ===== */

.inputs-group {
	display: flex;
}

.inputs-group input,
.inputs-group select,
.inputs-group textarea,
.inputs-group .fake-input,
.inputs-group .select2-selection {
	border-radius: 0px !important;
}

.inputs-group>div {
	margin: 0 -1px 0 0;
}

.inputs-group:lang(ar)>div {
	margin: 0 0 0 -1px;
}

.inputs-group>div:last-child {
	margin: 0;
}

.inputs-group div.input {
	position: relative;
	z-index: 5;
	flex-grow: 1;
}

.inputs-group div.button .btn {
	border-radius: 0;
}

.inputs-group div.extra {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 10px 0 10px;
	flex-basis: 30px;
	flex-shrink: 0;
	border: 1px solid #ccc;
	background: #eee;
	white-space: nowrap;
	word-wrap: break-word;
}

.tiny-data-container {
	padding: 5px 5px 0 5px;
	margin: -5px;
}

.tiny-data {
	display: inline-block;
	margin: 0 0 5px 5px;
	border: 1px solid #eee;
	padding: 5px;
	border-radius: 3px;
}

.tiny-data > b {
	margin-left: 5px;
}

.tiny-data span {
	float: left;
	min-width: 50px;
	text-align: left;
}

/* Input Icon */

.inputs-group:not(:lang(ar))>div.input[data-icon] input {
	padding-left: 30px;
}

.inputs-group:not(:lang(ar))>div.input[data-icon] select {
	padding-left: 25px;
}

.inputs-group:not(:lang(ar))>div.input[data-icon] .select2-selection {
	padding-left: 20px;
}

.inputs-group:lang(ar)>div.input[data-icon] input {
	padding-right: 30px;
}

.inputs-group:lang(ar)>div.input[data-icon] select {
	padding-right: 25px;
}

.inputs-group:lang(ar)>div.input[data-icon] .select2-selection {
	padding-right: 20px;
}

.inputs-group>div.input[data-icon]:after {
	font-family: "Font Awesome 5 Pro";
	content: attr(data-icon);
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 30px;
	position: absolute;
	top: 0;
	left: 0;
	color: #aaa;
	z-index: 10;
	line-height: 1;
}

.inputs-group:lang(ar)>div.input[data-icon]:after {
	left: initial;
	right: 0;
}

/* Sizes */

.inputs-group .select2-container {
	width: 100% !important;
	height: 100%;
}

.inputs-group.md .select2-selection,
.inputs-group.md input,
.inputs-group.md select {
	height: 35px !important;
}

.inputs-group.md>div.extra {
	flex-basis: 35px;
}

.inputs-group.lg .select2-selection,
.inputs-group.lg input,
.inputs-group.lg select {
	height: 40px !important;
}

.inputs-group.lg>div.extra {
	flex-basis: 40px;
}

/* ===== Inline Inputs ===== */

.inline-inputs:not(.fluid-grid) {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.inline-inputs>div {
	flex-basis: 150px;
	flex-grow: 1;
}

/* Desktop Only */

@media screen and (min-width: 993px) {
	.inline-inputs>div.input-quarter {
		flex-basis: calc(25% - 10px);
	}

	.inline-inputs>div.input-third {
		flex-basis: calc(33.33% - 10px);
	}

	.inline-inputs>div.input-half {
		flex-basis: calc(50% - 10px);
	}

	.inline-inputs>div.input-two-thirds {
		flex-basis: calc(66.66% - 10px);
	}

	.inline-inputs>div.input-full {
		flex-basis: 100%;
	}
}

.inline-inputs>div>p,
.inline-inputs>div>small,
.inline-inputs>div>span,
.inline-inputs>p,
.inline-inputs>small,
.inline-inputs>span {
	display: block;
	margin-bottom: 5px;
}

.inline-inputs-container {
	padding: 10px;
	border: 1px solid #ddd;
	background: #fefefe;
}

/* ==================================================
Tabs
================================================== */

/* ===== Wizard Tabs ===== */

.tab-wizard {
	position: relative;
}

.tab-wizard ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: space-evenly;
}

.tab-wizard ul li {
	position: relative;
}

.tab-wizard ul li a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #909090;
}

.tab-wizard ul li.active a {
	color: var(--color-primary);
}

.tab-wizard ul li a .tab-title {
	margin-bottom: 5px;
}

.tab-wizard ul li a span {
	background: #fff;
	border: 2px solid #e0e0e0;
	color: #606060;
	width: 70px;
	height: 70px;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	transition: border 0.2s, box-shadow 0.2s;
}

.tab-wizard ul li a span i {
	transition: color 0.2s;
}

.tab-wizard ul li a span:hover {
	color: #404040;
	border: 2px solid #909090;
}

.tab-wizard ul li.active a span {
	border: 2px solid var(--color-primary);
	color: var(--color-primary);
	box-shadow: 2px 2px 6px rgba(0, 0, 0, .1);
}

/* Error */

.tab-wizard ul li.tab-error a {
	color: #d9534f;
}

.tab-wizard ul li.tab-error a span {
	border: 2px solid #d9534f;
	color: #d9534f;
}

/* Line */

.tab-wizard .connecting-line {
	height: 2px;
	background: #e0e0e0;
	position: absolute;
	margin: 0 auto;
	left: 50%;
	top: calc(50% + 15px);
	transform: translate(-50%, -50%);
	z-index: -5;
}

/* Arrows */

.tab-wizard ul li:after {
	content: " ";
	position: absolute;
	right: 50%;
	transform: translateX(50%);
	opacity: 0;
	margin: 0 auto;
	bottom: -15px;
	border: 10px solid transparent;
	border-bottom-color: var(--color-primary);
}

.tab-wizard ul li.active:after {
	opacity: 1;
}

/* Wizard title */

.tab-wizard-title {
	width: 100%;
	display: flex;
	align-items: center;
	padding: 8px;
	color: white;
	font-size: 14px;
	font-weight: bold;
	border-radius: 5px;
	margin: 15px 0 15px 0;
	background: var(--color-primary);
}

.tab-wizard-title span {
	display: block;
	flex-grow: 1;
}

.tab-wizard-title .tab-title-buttons {
	display: flex;
}

.tab-wizard-title .tab-title-buttons .btn {
	border: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
}

.tab-wizard-title .tab-title-buttons:lang(ar) .btn i {
	transform: rotate(180deg);
}

@media screen and (max-width:576px) {
	.tab-wizard ul li a span {
		width: 50px;
		height: 50px;
		font-size: 18px;
	}

	.tab-wizard .connecting-line {
		top: 50%;
	}
}

/* ===== Simple Tabs ===== */

.tab-simple-header {
	border: 0;
	margin-bottom: -1px;
}

.tab-simple-header.first-tab-active+.tab-simple .tab-pane {
	border-top-right-radius: 5px;
	border-top-left-radius: 0;
}

.tab-simple-header.first-tab-active:lang(ar)+.tab-simple .tab-pane {
	border-top-right-radius: 0;
	border-top-left-radius: 5px;
}

.tab-simple-header>li a {
	color: #606060;
	display: flex;
	align-items: baseline;
	gap: 10px;
}

.tab-simple-header.break-small>li.active a {
	color: #000;
}

.tab-simple .tab-pane {
	margin: 0;
	padding: 10px;
	background: white;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
}

.tab-simple-header li.tab-error a {
	color: #d9534f;
}

.tab-simple-header li.tab-error a:after {
	background: #d9534f;
}

/* Mobile & Tablet */

@media screen and (max-width: 992px) {
	.tab-simple-header.break-small {
		display: flex;
		flex-wrap: wrap;
		background: transparent;
		margin: 0 -2px 5px -2px;
	}

	.tab-simple-header.break-small>li {
		flex-grow: 1;
		background: transparent;
		margin: 0 2px 4px 2px;
	}

	.tab-simple-header.break-small>li a {
		margin: 0;
		border-radius: 3px;
		border: 1px solid #ccc;
		text-align: center;
	}

	.tab-simple-header.break-small>li.active a {
		background: white;
		border: 1px solid #404040;
	}

	.tab-simple-header.break-small.first-tab-active+.tab-simple .tab-pane {
		border-top-right-radius: 5px !important;
		border-top-left-radius: 5px !important;
	}
}

/* ===== Underline Tabs ===== */

.tab-underline {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
	background: transparent;
}

.tab-underline li {
	opacity: 0.55;
	transition: opacity 0.3s ease;
	position: relative;
}

.tab-underline li a {
	color: #606060;
	display: flex;
	justify-content: center;
	align-items: baseline;
	gap: 10px;
	padding: 10px 15px;
}

.tab-underline li a:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background: #ccc;
	transition: all 0.3s;
}

.tab-underline li.tab-error a {
	color: #d9534f;
}

.tab-underline li.tab-error a:after {
	background: #d9534f;
}

.tab-underline li:hover,
.tab-underline li.active {
	opacity: 1;
}

.tab-underline li.active a {
	color: var(--color-primary);
}

.tab-underline li.active a:after {
	background: var(--color-primary);
}

/* ===== Rectangle Tabs ===== */

.tab-rectangle {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	gap: 5px;
}

body.inline .tab-rectangle {
	border-radius: 3px;
	background: #f9f9f9;
}

.tab-rectangle li a {
	display: flex;
	justify-content: center;
	align-items: baseline;
	gap: 10px;
	color: #606060;
	border-radius: 3px;
	padding: 10px;
	border: 0;
}

.tab-rectangle li.tab-error a {
	color: #d9534f;
}

.tab-rectangle li.active a {
	color: #fff !important;
	box-shadow: 2px 2px 8px rgba(0, 0, 0, .2);
	background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
}

/* ===== List Tabs ===== */

.tab-list {
	border: 1px solid #dddddd;
	border-bottom: 0;
	border-radius: 5px;
	overflow: hidden;
	list-style: none;
	padding: 0;
	margin: 0;
}

.tab-list li {
	position: relative;
}

.tab-list li a {
	display: flex;
	align-items: baseline;
	gap: 10px;
	padding: 10px;
	background: #fff;
	border-bottom: 1px solid #dddddd;
	color: #202020;
}

.tab-list li.active a {
	color: #fff;
	background: var(--color-primary);
}

.tab-list li.tab-error:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f06a";
	font-weight: 900;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	color: #d9534f;
}

.tab-list:lang(ar) li.tab-error:after {
	right: initial;
	left: 10px;
}

.tab-list li.tab-error a {
	color: #d9534f;
}

.tab-list li:not(.active) a:hover {
	background: #eee;
}

/* ===== Icons Tabs ===== */

.tab-icons {
	display: flex;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #c8c8c8;
	overflow: hidden;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.tab-icons li {
	flex-grow: 1;
}

.tab-icons li a {
	flex-grow: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	border-bottom: 3px solid transparent;
	color: #808080;
}

.tab-icons li a {
	width: 100%;
	height: 100%;
}

.tab-icons li:hover {
	background: #f8f8f8;
}

.tab-icons li.active a {
	color: var(--color-primary);
	border-bottom: 3px solid var(--color-primary);
}

/* ==================================================
Tables
================================================== */

/* ===== Manage Table ===== */

table.manage {
	border: 1px solid #c8c8c8;
	border-collapse: collapse;
	width: 100%;
	max-width: 100%;
}

table.manage th,
table.manage td {
	background-color: #f8f8f8;
	border: 1px solid #c8c8c8;
	padding: 10px;
}

table.manage tr th {
	background: #eee;
	text-align: center;
	font-weight: bold;
	border-bottom: 0;
}

table.manage.compact td {
	padding: 6px;
}

table.manage tr:nth-child(even) td {
	background-color: #fcfcfc;
}

table.manage[class*="border-radius"] {
	border-style: hidden;
	position: relative;
	overflow: hidden;
}

table.manage[class*="border-radius"]:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	z-index: 5;
	border: 1px solid #c8c8c8;
	pointer-events: none;
}

table.manage.border-radius-3:before {
	border-radius: 3px;
}

table.manage.border-radius-5:before {
	border-radius: 5px;
}

table.manage.border-radius-10:before {
	border-radius: 10px;
}

/* Mobile & Tablet */

@media screen and (max-width: 992px) {
	table.manage:not(.scrollable) {
		border: 0 !important;
		border-radius: 0 !important;
		width: 100%;
	}

	table.manage:not(.scrollable)[class*="border-radius"]:before {
		display: none;
	}

	table.manage:not(.scrollable) thead {
		display: none;
	}

	table.manage:not(.scrollable) tr {
		display: block;
		width: 100%;
		border: 1px solid #c8c8c8;
		margin-bottom: 10px;
	}

	table.manage:not(.scrollable) tr:last-child {
		margin-bottom: 0;
	}

	table.manage:not(.scrollable) td {
		display: flex;
		gap: 10px;
		width: 100%;
		border: 0;
		border-bottom: 1px solid #c8c8c8;
	}

	table.manage:not(.scrollable) td:last-child {
		border-bottom: 0;
	}

	table.manage:not(.scrollable) td:before {
		content: attr(column-label);
		flex-grow: 1;
		font-weight: bold;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		min-width: 25%;
	}

	table.manage.border-radius-3:not(.scrollable) tr {
		border-radius: 3px;
	}

	table.manage.border-radius-3:not(.scrollable) tr td:first-child {
		border-radius: 3px 3px 0 0;
	}

	table.manage.border-radius-3:not(.scrollable) tr td:last-child {
		border-radius: 0 0 3px 3px;
	}

	table.manage.border-radius-5:not(.scrollable) tr {
		border-radius: 5px;
	}

	table.manage.border-radius-5:not(.scrollable) tr td:first-child {
		border-radius: 5px 5px 0 0;
	}

	table.manage.border-radius-5:not(.scrollable) tr td:last-child {
		border-radius: 0 0 5px 5px;
	}

	table.manage.border-radius-10:not(.scrollable) tr {
		border-radius: 10px;
	}

	table.manage.border-radius-10:not(.scrollable) tr td:first-child {
		border-radius: 10px 10px 0 0;
	}

	table.manage.border-radius-10:not(.scrollable) tr td:last-child {
		border-radius: 0 0 10px 10px;
	}

	table.manage:not(.scrollable) td input,
	table.manage:not(.scrollable) td textarea,
	table.manage:not(.scrollable) td select {
		width: auto;
	}

	table.manage:not(.scrollable) .btn.btn-block {
		display: inline-block;
		width: auto;
	}
}

table.manage .btn.compact {
	margin: -5px 0 -5px 0;
}

/* Fancy */

table.fancy {
	border-color: var(--color-primary);
}

table.fancy th,
table.fancy td {
	border: 0 !important;
}

table.fancy tr th {
	color: #fff;
	background: var(--color-primary);
	border-color: var(--color-primary) !important;
}

/* ====== Data Table ====== */

table.data-table {
	--table-spacing: 10px;
	--title-width: 180px;
	width: 100%;
	border-collapse: collapse;
	border-style: hidden;
	position: relative;
	border-radius: 4px;
	overflow: hidden;
}

table.data-table:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	z-index: 5;
	border: 1px solid #c8c8c8;
	pointer-events: none;
	border-radius: 4px;
}

table.data-table>tbody>tr>td {
	padding: var(--table-spacing);
	border: 1px solid #c8c8c8;
	background: #fff;
	font-size: 1.2rem;
	vertical-align: middle;
}

table.data-table>tbody>tr>td.title {
	width: var(--title-width);
	background: #fafafa;
	position: relative;

	/* Firefox */
	background-clip: padding-box;
}

table.data-table>tbody>tr>td.title small {
	display: block;
	color: #808080;
}

table.data-table>tbody>tr>td.title span[helper] {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	cursor: pointer;
	color: #808080;
}

table.data-table:lang(ar)>tbody>tr>td.title span[helper] {
	right: initial;
	left: 10px;
}

table.data-table>tbody>tr>td.title span[helper]:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f059";
	font-weight: 400;
	font-size: 16px;
}

table.data-table>tbody>tr>td:not(.title) {
	/* Max width hotfix for select2 overflowing when selecting large content & expanding upper cell when using visibility-control */
	width: calc(50% - var(--title-width));
	max-width: 0px;
	vertical-align: top;
}

table.data-table>tbody>tr>td:nth-last-child(1):nth-child(2) {
	width: calc(100% - var(--title-width));
}

/* ----- Flat ----- */

table.data-table.flat>tbody>tr>td {
	background: #fff;
	border: 0;
}

/* ----- No Background ----- */

table.data-table.no-background {
	box-shadow: initial;
	overflow: visible;
	margin: calc(var(--table-spacing) * -1);
	width: calc(100% + (var(--table-spacing) * 2));
}

table.data-table.no-background:before {
	display: none;
}

table.data-table.no-background>tbody>tr>td {
	background: transparent;
	border: 0;
}

/* ----- Block titles ----- */

table.data-table.block-titles>tbody>tr {
	display: grid;
	grid-auto-flow: column;
	grid-template-rows: repeat(2, auto);
	grid-template-columns: repeat(auto-fit, minmax(calc(50% - calc(var(--table-spacing) * 2)), 1fr));
}

table.data-table.block-titles>tbody>tr>td {
	display: block;
	min-width: 100%;
}

table.data-table.block-titles.flat {
	margin: 0;
	margin-bottom: calc(var(--table-spacing) * -1);
	width: 100%;
}

table.data-table.block-titles.flat>tbody>tr {
	grid-column-gap: calc(var(--table-spacing) * 2);
	margin-bottom: var(--table-spacing);
}

table.data-table.block-titles.flat>tbody>tr:last-child {
	
	margin-bottom: 0;
}

table.data-table.block-titles.flat>tbody>tr>td {
	padding: calc(var(--table-spacing) / 2);
	padding-left: 0;
	padding-right: 0;
}

/* TODO: This will cause an issue with block-titles on mobile */

table.data-table.block-titles:not(.vertical)>tbody>tr>td {
	border-bottom: 0;
	border-left: 0;
}

/* ----- Vertical ----- */

table.data-table.vertical>tbody {
	display: flex;
	flex-direction: column;
}

table.data-table.vertical>tbody>tr:not([is-hidden="true"]),
table.data-table.vertical>tbody>tr>td:not([is-hidden="true"]) {
	display: block !important;
	width: 100% !important;
	min-width: 100%;
	margin: 0;
}

table.data-table.vertical>tbody>tr>td {
	border-top: 0;
}

table.data-table.vertical:not(.flat)>tbody>tr:first-child>td:first-child {
	padding-top: calc(var(--table-spacing) + 1px);
}

table.data-table.vertical.flat {
	margin: 0;
	margin-bottom: calc(var(--table-spacing) * -1);
	width: 100%;
}

table.data-table.vertical.flat>tbody>tr {
	margin-bottom: var(--table-spacing)
}

table.data-table.vertical.flat>tbody>tr:last-child {
	margin-bottom: 0;
}

table.data-table.vertical.flat>tbody>tr>td {
	padding: calc(var(--table-spacing) / 2);
	padding-left: 0;
	padding-right: 0;
}

table.data-table.vertical.flat>tbody>tr>td:nth-child(3) {
	margin-top: var(--table-spacing)
} 

/* ----- Mobile (Always vertical) ----- */

@media screen and (max-width: 767px) {
	table.data-table>tbody {
		display: flex;
		flex-direction: column;
	}
	
	table.data-table>tbody>tr:not([is-hidden="true"]),
	table.data-table>tbody>tr>td:not([is-hidden="true"]) {
		display: block !important;
		width: 100% !important;
		min-width: 100%;
		margin: 0;
	}
	
	table.data-table>tbody>tr>td {
		border-top: 0;
	}
	
	table.data-table:not(.flat)>tbody>tr:first-child>td:first-child {
		padding-top: calc(var(--table-spacing) + 1px);
	}
	
	table.data-table.flat {
		margin: 0;
		margin-bottom: calc(var(--table-spacing) * -1);
		width: 100%;
	}
	
	table.data-table.flat>tbody>tr {
		margin-bottom: var(--table-spacing)
	}
	
	table.data-table.flat>tbody>tr:last-child {
		margin-bottom: 0;
	}
	
	table.data-table.flat>tbody>tr>td {
		padding: calc(var(--table-spacing) / 2);
		padding-left: 0;
		padding-right: 0;
	}
	
	table.data-table.flat>tbody>tr>td:nth-child(3) {
		margin-top: var(--table-spacing)
	}
}

/* Bold titles */

table.data-table.bold-titles>tbody>tr>td.title {
	font-weight: bold;
}

table.data-table.bold-titles>tbody>tr>td.title small {
	font-weight: normal;
}

/* Mirror titles */

table.data-table.mirror-titles td.title {
	text-align: right;
}

table.data-table.mirror-titles:lang(ar) td.title {
	text-align: left;
}

/* Compact view */

table.data-table.compact {
	--table-spacing: 6px;
}

/* No corners */

table.data-table.no-corners,
table.data-table.no-corners:before {
	border-radius: 0;
}

/* Keep inputs corners */

table.data-table:not(.keep-inputs-corners) td input,
table.data-table:not(.keep-inputs-corners) td select,
table.data-table:not(.keep-inputs-corners) td textarea,
table.data-table:not(.keep-inputs-corners) td .fake-input,
table.data-table:not(.keep-inputs-corners) td .select2-selection,
table.data-table:not(.keep-inputs-corners) td .tox-toolbar *,
table.data-table:not(.keep-inputs-corners) td .tox-toolbar-overlord *,
table.data-table:not(.keep-inputs-corners) td .tox-tinymce:not(.tox-fullscreen),
table.data-table:not(.keep-inputs-corners) td .rule-container,
table.data-table:not(.keep-inputs-corners) td .rule-placeholder,
table.data-table:not(.keep-inputs-corners) td .rules-group-container,
table.data-table:not(.keep-inputs-corners) td .ui-state-highlight,
table.data-table:not(.keep-inputs-corners) td .btn,
table.data-table:not(.keep-inputs-corners) td .preview,
table.data-table:not(.keep-inputs-corners) td .tags-box,
table.data-table:not(.keep-inputs-corners) td .preview img,
table.data-table:not(.keep-inputs-corners) td .grabbable-icon,
table.data-table:not(.keep-inputs-corners) td .multiple_data-table tr td {
	/* Should not be !important in case we need to override some classes */
	border-radius: 0;
}

table.data-table:not(.keep-inputs-corners) td .select2-selection__choice {
	/* !important is required for select2-selection__choice */
	border-radius: 0 !important;	
}

/* ===== Fancytable Feature ===== */

.fancytable-toolbar {
	padding: 0 0 10px 0;
	display: flex;
	flex-wrap: nowrap;
}

.fancytable-toolbar input[type="button"] {
	margin: 0 0 0 5px;
}

.fancytable-toolbar:lang(ar) input[type="button"] {
	margin: 0 5px 0 0;
}

.fancytable-toolbar input[type="search"] {
	padding: 5px;
	border-radius: 3px;
	border: 1px solid #aaa;
	box-shadow: initial;
	background: #fff;
}

.table-no-records {
	border: 1px solid #aaa;
	border-top: 0;
	border-radius: 0 0 3px 3px;
	padding: 10px;
}

/* ==================================================
CMS: Generics
================================================== */

.context-menu.open {
	display: block;
}

.prevent-select {
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}

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

/* ========== Subtitle ========== */

.subtitle {
	color: var(--color-primary);
	font-size: 1.4rem;
	font-weight: bold;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: flex-end;
	margin: 15px 0 10px 0;
}

.subtitle:first-of-type,
.subtitle:first-child {
	margin-top: 0;
}

.data-table + .subtitle {
	margin-top: 15px;
}

.subtitle small {
	display: block;
	width: 100%;
	color: #707070;
	font-weight: normal;
	font-size: 1.1rem;
}

.subtitle>span {
	flex-grow: 1;
}

.subtitle>div {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	font-size: 1.3rem;
	font-weight: normal;;
}

/* ========== Manage Block ========== */

.manage-block {
	width: 100%;
	border-radius: 5px;
	background: #fff;
	border: 1px solid #c8c8c8;
	padding: 10px;
}

.data-item-compact {
	display: flex;
	margin-bottom: 5px;
}

.data-item-compact:last-child {
	margin-bottom: 0;
}

.data-item-compact b {
	display: flex;
	align-items: center;
	width: 80px;
	margin: 0 10px 0 0;
}

.data-item-compact b:lang(ar) {
	margin: 0 0 0 10px;
}

.data-item-compact .data {
	display: block;
	width: 100%;
}

/* Mobile & Tablet */

@media screen and (max-width: 992px) {
	.data-item-compact {
		display: block;
		margin-bottom: 10px;
	}

	.data-item-compact .data {
		display: block;
		margin: 3px 0 0 0;
	}
}

/* ========== Download Button & Download Dropdown ========== */

.download-button {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 5px;
	width: 100%;
	padding: 5px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
	text-align: inherit;
	white-space: initial;
}

.download-button>i {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	color: #606060;
	border-radius: 50%;
	border: 1px solid #c8c8c8;
	min-width: 35px;
	width: 35px;
	height: 35px;
}

.download-button>div {
	text-align: left;
}

.download-button:lang(ar)>div {
	text-align: right;
}

.download-button>div small {
	font-size: 1rem;
	color: #909090;
	display: block;
	margin-top: 4px;
}

/* Download Dropdown */

.download-dropdown .download-button {
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid #c8c8c8;
}

.download-dropdown .download-button:last-child {
	border-bottom: 0;
}

/* Invalid download */

.download-button.invalid {
	pointer-events: none;
}

.download-button.invalid * {
	color: #d9534f !important;
	text-decoration: line-through;
}

/* ========== List Grid ========== */

ul.list-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	list-style: none;
	margin: 0;
	padding: 0;
}

/* ========== Info Item ========== */

.info-item {
	display: flex;
	align-items: center;
	gap: 10px;
}

.info-item small {
	color: #909090;
}

.info-item i {
	font-size: 2rem;
	width: 20px;
	text-align: center;
}

/* ========== Side Icon Card ========== */

.side-icon-card {
	display: flex;
	gap: 10px;
	align-items: center;
}

.side-icon-card i {
	font-size: 40px;
	color: #909090;
}

/* ========== Data Item ========== */

.data-item {
	display: flex;
	gap: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #c8c8c8;
}

.data-item:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}

.data-item b {
	display: flex;
	align-items: center;
	width: 110px;
}

.data-item .data {
	display: block;
	width: 100%;
}

/* Mobile & Tablet */

@media screen and (max-width: 992px) {
	.data-item {
		display: block;
	}

	.data-item .data {
		display: block;
		margin: 5px 0 0 0;
	}
}

/* ========== Data List ========== */

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

ul.data-list li {
	margin-bottom: 10px;
}

ul.data-list li:last-child {
	margin-bottom: 0;
}

ul.data-list li i {
	margin: 0 10px 0 0;
	font-size: 1.4rem;
}

ul.data-list:lang(ar) li i {
	margin: 0 0 0 10px;
}

/* ========== Toolbar ========== */

.toolbar {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 5px;
}

.toolbar.large {
	gap: 10px;
}

.toolbar.large small {
	display: block;
	margin-bottom: 3px;
}

.toolbar.classic {
	background: #f9f9f9;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.toolbar.large.classic {
	padding: 10px;
}

/* ========== Toxx Toolbar & Body ========== */

.toxx-container>*:first-child {
	border-radius: 3px 3px 0 0;
}

.toxx-container>*:last-child {
	border-radius: 0 0 3px 3px;
}

.toxx-toolbar {
	display: flex;
	flex-wrap: wrap;
	background: #f8f8f8;
	padding: 3px;
	gap: 3px;
	border: 1px solid #c8c8c8;
	border-bottom: 0;
}

.toxx-toolbar>div {
	display: flex;
	gap: 3px;
	padding: 3px;
	border-radius: 3px;
	background: #fff;
	border: 1px solid #c8c8c8;
}

.toxx-toolbar>div>.btn,
.toxx-toolbar>div>.dropdown>.btn {
	border: 0;
}

.toxx-toolbar>div .btn i {
	font-size: 14px;
}

.toxx-body {
	border: 1px solid #c8c8c8;
}

.toxx-footer {
	background: #f8f8f8;
	padding: 5px;
	border: 1px solid #c8c8c8;
	border-top: 0;
	font-size: 12px;
}

/* ========== Components List ========== */

.components-list {
	list-style: none;
	padding: 0;
	margin-top: 10px;
}

.components-list li {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background: #fefefe;
	cursor: pointer;
	border-radius: 3px;
	border: 1px solid #ddd;
	margin-top: 5px !important;
	padding: 8px;
}

.components-list li.active {
	background: #aaccef;
	border: 1px solid #5a8caf;
}

.components-list li:last-child {
	margin-bottom: 0;
}

.components-list li:hover:not(.active) {
	background: #fafafa;
}

.components-list li *:not(span) {
	line-height: 1;
}

.components-list li>input {
	min-height: initial;
	box-shadow: none !important;
}

.components-list li>span {
	flex-grow: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.components-list li .fa-bars {
	font-size: 16px;
}

/* ========== Badges ========== */

[css-badge] {
	position: relative;
}

[css-badge]:after {
	content: attr(css-badge);
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: -10px;
	right: -10px;
	min-width: 20px;
	height: 20px;
	padding: 4px;
	background: red;
	color: #fff;
	font-size: 10px;
	line-height: 1;
	border-radius: 100px;
	pointer-events: none;
}

[css-badge]:lang(ar) {
	left: -10px;
	right: initial;
}

/* ==================================================
CMS: CRUD
================================================== */

/* Hidden DOM objects */

.crud [crud-btn-selectable],
.crud [crud-btn-save-order],
.crud [crud-btn-search],
.crud [crud-btn-global-filter],
.crud [crud-export-dropdown],
.crud [crud-export-excel],
.crud [crud-export-pdf],
.crud [crud-multiple-operations-dropdown],
.crud [crud-input-search],
.crud [crud-pagination-container],
.crud [crud-tips] {
	display: none;
}

.crud-separator {
	margin-top: 20px;
}

.crud {
	display: block;
	transition: opacity 0.25s;
}

.crud [crud-table] {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	transform: translateZ(0);
}

[crud-table] th,
[crud-table] td {
	position: relative;
}

@media screen and (max-width: 992px) {
	.crud [crud-table] th.percentage {
		min-width: 300px !important;
	}
}

[crud-table] .buttons-cell,
[crud-table] .drag-head,
[crud-table] .drag-cell,
[crud-table] .check-head,
[crud-table] .check-cell {
	width: 40px;
	min-width: 40px;
	white-space: nowrap;
}

[crud-table] .drag-cell {
	cursor: move;
}

[crud-table] .check-head .check-container,
[crud-table] .check-cell .check-container {
	min-height: initial;
	margin: 0;
}

[crud-table] .check-head .check-container span,
[crud-table] .check-cell .check-container span {
	margin: 0;
	padding: 0;
}

[crud-table] .check-head .check-container label,
[crud-table] .check-cell .check-container label {
	width: 20px;
	margin: 0 auto 0 auto;
}

[crud-table] td .update {
	font-size: 16px;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
	transition: opacity 0.25s;
	color: #f27f2a;
}

[crud-table] td:hover .update {
	opacity: 1;
}

[crud-table] .sort {
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	width: 12px;
	height: 12px;
	position: absolute;
	left: 3px;
}

[crud-table] .sort i {
	font-size: 0.9rem;
}

[crud-table] .sort-asc {
	top: 3px;
}

[crud-table] .sort-desc {
	bottom: 3px;
}

[crud-table] .crud-operation-btn {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 32px;
	cursor: pointer;
}

[crud-table] .filter {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 25px;
	height: 25px;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
}

[crud-table] .copy {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 25px;
	height: 25px;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
}

[crud-table] .filter-calendar {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 25px;
	height: 25px;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
}

/* CRUD table styling */

.crud-table th {
	background-color: #eee;
	border: 1px solid #c8c8c8;
	height: 35px;
	padding: 3px;
	text-align: center;
	font-weight: bold;
}

.crud-table td {
	background-color: #fff;
	border: 1px solid #c8c8c8;
	height: 35px;
	padding: 3px;
	text-align: center;
}

.crud-table tr:nth-child(odd) td {
	background-color: #fdfdfd;
}

.crud-table tr:hover td {
	background-color: #f8f8f8;
}

.crud-table .row-drag td {
	background-color: #dee8ef !important;
}

.crud-table th .crud-btn {
	border-radius: 3px;
}

.crud-table .crud-operation-btn {
	border-radius: 3px;
}

.crud-table .sort {
	color: #606060;
}

.crud-table .sort:hover {
	color: #000;
}

.crud-table .filter {
	color: #336d85;
}

.crud-table .copy {
	color: #909090;
}

.crud-table .filter-calendar {
	color: #336d85;
}

.crud-table th .crud-btn:hover,
.crud-table .crud-operation-btn:hover {
	background: #ddd;
}

/* Header & Footer */

.crud .crud-footer,
.crud .crud-header {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.crud .crud-header {
	justify-content: flex-start;
	margin-bottom: 10px;
}

.crud .crud-footer {
	justify-content: flex-end;
	margin-top: 10px;
}

.crud .crud-header input,
.crud .crud-header select {
	box-shadow: initial;
}

/* Header: Buttons */

.crud .crud-buttons {
	display: flex;
	justify-content: flex-start;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	flex-grow: 1;
	gap: 5px;
}

.crud .crud-btn:disabled {
	cursor: not-allowed;
}

.crud .crud-btn i.fa-sync {
	color: #54367d;
}

.crud .crud-btn i.fa-search {
	color: #336d85;
}

.crud .crud-btn i.fa-file-download {
	color: #1c6c42;
}

.crud .crud-btn i.fa-save {
	color: #2c61ae;
}

.crud .crud-btn i.fa-edit {
	color: #f27f2a;
}

.crud .crud-btn i.fa-trash {
	color: #b62400;
}

/* Header: Records per page */

.crud .crud-records {
	display: flex;
	align-items: center;
}

.crud .crud-records [crud-select-records-per-page] {
	width: 100px;
	border-radius: 3px;
}

/* Footer: Tips */

.crud .crud-tips {
	width: auto;
	font-size: 1rem;
	flex-grow: 1;
}

/* Footer: Pagination */

.crud .pagination-container {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 10px;
}

.crud [crud-select-page] {
	width: 100px;
	border-radius: 3px;
	height: 30px;
}

.crud [crud-pagination] {
	padding: 0;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 5px;
	flex-grow: 1;
}

.crud [crud-pagination] span {
	display: blocks;
	min-width: 30px;
	height: 30px;
}

.crud [crud-pagination] span.dots {
	display: flex;
	justify-content: center;
	align-items: center;
}

.crud [crud-pagination] span .btn {
	display: block;
}

.crud [crud-pagination] span .btn.active {
	pointer-events: none;
	cursor: default;
}

/* Prompt Styles */

.crud-prompt .subtitle {
	display: block;
	margin: 5px;
	text-align: center;
}

.crud-export-checkboxes {
	padding: 10px;
	border: 1px solid #c8c8c8;
	border-radius: 3px;
	margin: 5px 0 0 0 !important;
}

/* Empty CRUD */

.crud.empty [crud-showing-records] {
	display: none;
}

.crud.empty .crud-records,
.crud.empty [crud-btn-save-order],
.crud.empty [crud-export-dropdown],
.crud.empty [crud-export-excel],
.crud.empty [crud-export-pdf],
.crud.empty [crud-multiple-operations-dropdown],
.crud.empty th * {
	opacity: 0.6;
	pointer-events: none;
}

/* Table cell contents */

.crud td .crud-image {
	width: 100%;
	border-radius: 3px;
}

.crud td .btn,
.crud td .label {
	height: 100%;
	max-height: 30px;
	font-size: 1.2rem;
}

/* Browser Specifications: Firefox */

@supports (-moz-appearance: meterbar) {

	.crud .fixed-start,
	.crud .fixed-end {
		transform: initial !important;
	}
}

/* Browser Specifications: Edge */

@supports (-ms-ime-align: auto) {

	.crud .fixed-start,
	.crud .fixed-end {
		position: initial !important;
	}
}

/* Browser Specifications: Safari */

@media not all and (min-resolution: 0.001dpcm) {

	.crud .fixed-start,
	.crud .fixed-end {
		transform: initial !important;
		position: initial !important;
	}
}

/* ==================================================
CMS: Custom Modules
================================================== */

.cms-module {
	position: relative;
	overflow-x: clip;
}

@media screen and (max-width: 1200px) {
	.cms-module .module-container {
		max-width: calc(100vw - 20px);
	}
}

.cms-module .module-titles {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.cms-module .module-component {
	height: 100%;
	position: relative;
	z-index: 5;
}

.cms-module .module-buttons {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	z-index: 10;
}

.cms-module .module-background {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -5;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.cms-module .module-background img,
.cms-module .module-background video {
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
}

.cms-module .module-background img[data-rellax],
.cms-module .module-background video[data-rellax] {
	min-height: 200%;
}

.module-spacing {
	height: var(--md, 0px);
}

/* Separators */

.separator-top {
	--top-height: var(--top-height-md, 0px);
	--top-padding: var(--top-padding-md, var(--top-height));
	--top-margin: var(--top-margin-md, calc(var(--top-height) * -1));
}

.separator-bottom {
	--bottom-height: var(--bottom-height-md, 0px);
	--bottom-padding: var(--bottom-padding-md, var(--bottom-height));
	--bottom-margin: var(--bottom-margin-md, calc(var(--bottom-height) * -1));
}

.separator-both {
	--top-height: var(--top-height-md, 0px);
	--top-padding: var(--top-padding-md, var(--top-height));
	--top-margin: var(--top-margin-md, calc(var(--top-height) * -1));
	--bottom-height: var(--bottom-height-md, 0px);
	--bottom-padding: var(--bottom-padding-md, var(--bottom-height));
	--bottom-margin: var(--bottom-margin-md, calc(var(--bottom-height) * -1));
}

.cms-module.separator-top {
	-webkit-mask-image: var(--top-url), url(../../images/seaprator-compensator.svg);
	-webkit-mask-size: 100% var(--top-height, 0px), 100% 100%;
	-webkit-mask-position: top center, 0 calc(var(--top-height, 0px) - 1px);
	-webkit-mask-repeat: no-repeat;
	padding-top: var(--top-padding, 0px);
	margin-top: var(--top-margin, 0px);
	z-index: 20;
}

.cms-module.separator-bottom {
	-webkit-mask-image: var(--bottom-url), url(../../images/seaprator-compensator.svg);
	-webkit-mask-size: 100% var(--bottom-height, 0px), 100% calc(100% - var(--bottom-height, 0px) + 1px);
	-webkit-mask-position: 100% 100%, 0 0;
	-webkit-mask-repeat: no-repeat;
	padding-bottom: var(--bottom-padding, 0px);
	margin-bottom: var(--bottom-margin, 0px);
	z-index: 10;
}

.cms-module.separator-both {
	-webkit-mask-image: var(--top-url), url(../../images/seaprator-compensator.svg), var(--bottom-url);
	-webkit-mask-size: 100% var(--top-height, 0px), 100% calc(100% - var(--top-height, 0px) - var(--bottom-height, 0px) + 2px), 100% var(--bottom-height, 0px);
	-webkit-mask-position: top center, 0 calc(var(--top-height, 0px) - 1px), bottom center;
	-webkit-mask-repeat: no-repeat;
	padding-top: var(--top-padding, 0px);
	margin-top: var(--top-margin, 0px);
	padding-bottom: var(--bottom-padding, 0px);
	margin-bottom: var(--bottom-margin, 0px);
	z-index: 20;
}

.cms-module .separator-bottom-compensator {
	height: var(--bottom-compensator-md, 0px);
}

.cms-module .separator-top-compensator {
	height: var(--top-compensator-md, 0px);
}

/* Tablet Only */

@media screen and (min-width: 768px) and (max-width: 992px) {
	.module-spacing {
		height: var(--sm, 0px);
	}

	.separator-top {
		--top-height: var(--top-height-sm, calc(var(--top-height-md) / 3));
		--top-padding: var(--top-padding-sm, var(--top-height));
		--top-margin: var(--top-margin-sm, calc(var(--top-height) * -1));
	}

	.separator-bottom {
		--bottom-height: var(--bottom-height-sm, calc(var(--bottom-height-md) / 3));
		--bottom-padding: var(--bottom-padding-sm, var(--bottom-height));
		--bottom-margin: var(--bottom-margin-sm, calc(var(--bottom-height) * -1));
	}

	.separator-both {
		--top-height: var(--top-height-sm, calc(var(--top-height-md) / 3));
		--top-padding: var(--top-padding-sm, var(--top-height));
		--top-margin: var(--top-margin-sm, calc(var(--top-height) * -1));
		--bottom-height: var(--bottom-height-sm, calc(var(--bottom-height-md) / 3));
		--bottom-padding: var(--bottom-padding-sm, var(--bottom-height));
		--bottom-margin: var(--bottom-margin-sm, calc(var(--bottom-height) * -1));
	}

	.cms-module .separator-top-compensator {
		height: var(--top-compensator-sm, 0px);
	}

	.cms-module .separator-bottom-compensator {
		height: var(--bottom-compensator-sm, 0px);
	}
}

/* Mobile Only */

@media screen and (max-width: 767px) {
	.module-spacing {
		height: var(--xs, 0px);
	}

	.separator-top {
		--top-height: var(--top-height-xs, calc(var(--top-height-md) / 3));
		--top-padding: var(--top-padding-xs, var(--top-height));
		--top-margin: var(--top-margin-xs, calc(var(--top-height) * -1));
	}

	.separator-bottom {
		--bottom-height: var(--bottom-height-xs, calc(var(--bottom-height-md) / 3));
		--bottom-padding: var(--bottom-padding-xs, var(--bottom-height));
		--bottom-margin: var(--bottom-margin-xs, calc(var(--bottom-height) * -1));
	}

	.separator-both {
		--top-height: var(--top-height-xs, calc(var(--top-height-md) / 3));
		--top-padding: var(--top-padding-xs, var(--top-height));
		--top-margin: var(--top-margin-xs, calc(var(--top-height) * -1));
		--bottom-height: var(--bottom-height-xs, calc(var(--bottom-height-md) / 3));
		--bottom-padding: var(--bottom-padding-xs, var(--bottom-height));
		--bottom-margin: var(--bottom-margin-xs, calc(var(--bottom-height) * -1));
	}

	.cms-module .separator-top-compensator {
		height: var(--top-compensator-xs, 0px);
	}

	.cms-module .separator-bottom-compensator {
		height: var(--bottom-compensator-xs, 0px);
	}
}

/* ==================================================
CMS: Custom Layers
================================================== */

.cms-layers {
	position: relative;
	width: var(--md-width);
	height: var(--md-height);
}

.cms-layers>div {
	position: absolute;
}

/* Tablet Only */

@media screen and (min-width: 768px) and (max-width: 992px) {
	.cms-layers {
		width: var(--sm-width);
		height: var(--sm-height);
	}
}

/* Mobile Only */

@media screen and (max-width: 767px) {
	.cms-layers {
		width: var(--xs-width);
		height: var(--xs-height);
	}
}

/* ==================================================
CMS: Custom Display
================================================== */

.cms-display.slider {
	position: relative;
}

.cms-display.slider .swiper {
	flex-grow: 1;
}

.cms-display.slider .swiper-container {
	display: flex;
	align-items: center;
}

.cms-display.slider.fit-stretch .swiper-slide>* {
	height: 100%;
}

@supports (overflow: clip) {
	.cms-display.slider.horizontal .swiper {
		overflow-x: clip;
		overflow-y: visible;
	}
}

@supports (-moz-appearance:none) {
	.cms-display.slider.horizontal .swiper {
		overflow: hidden;
	}
}

.cms-display.slider.horizontal .swiper-slide>* {
	width: 100%;
}

.cms-display.slider.horizontal.fit-stretch .swiper-wrapper {
	align-items: stretch;
}

.cms-display.slider.horizontal.fit-stretch .swiper-slide {
	height: auto;
}

.cms-display.slider.horizontal .swiper-wrapper {
	height: 100%;
	align-items: center;

}

.cms-display.slider .swiper-button-next:after,
.cms-display.slider .swiper-button-prev:after {
	content: "";
}

.cms-display.slider .swiper-button-next,
.cms-display.slider .swiper-button-prev {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	top: initial;
	bottom: initial;
	left: initial;
	right: initial;
	margin: 0;
	font-size: 2rem;
	width: 30px;
	min-width: 30px;
	height: 30px;
	min-height: 30px;
}

.cms-display.slider .swiper-button-next.outside,
.cms-display.slider .swiper-button-prev.outside {
	position: absolute;
}

.cms-display.slider .swiper-pagination {
	position: relative;
	line-height: 1;
	top: initial;
	bottom: initial;
}

.cms-display.slider .swiper-pagination-bullet {
	background: #163451;
	opacity: 0.15;
}

.cms-display.slider .swiper-pagination-bullet-active {
	opacity: 1;
}

.cms-display.slider.horizontal .swiper-button-next.inside,
.cms-display.slider.horizontal:lang(ar) .swiper-button-prev.inside {
	margin: 0 0 0 var(--spacing, 0px);
}

.cms-display.slider.horizontal .swiper-button-prev.inside,
.cms-display.slider.horizontal:lang(ar) .swiper-button-next.inside {
	margin: 0 var(--spacing, 0px) 0 0;
}

.cms-display.slider.horizontal .swiper-button-next.outside,
.cms-display.slider.horizontal:lang(ar) .swiper-button-prev.outside {
	right: 0;
	margin: 0 calc(-1 * var(--spacing, 0px));
}

.cms-display.slider.horizontal .swiper-button-prev.outside,
.cms-display.slider.horizontal:lang(ar) .swiper-button-next.outside {
	left: 0;
	margin: 0 calc(-1 * var(--spacing, 0px));
}

.cms-display.slider.horizontal .swiper-pagination.inside {
	position: absolute;
	bottom: var(--spacing, 0px);
}

.cms-display.slider.horizontal .swiper-pagination.outside {
	margin-top: var(--spacing, 0px);
}

.cms-display.slider.vertical {
	display: flex;
	align-items: center;
}

.cms-display.slider.vertical .swiper {
	width: 100%;
}

.cms-display.slider.vertical .swiper-container {
	flex-direction: column;
	width: 100%;
	max-height: var(--height, 0px);
	overflow: hidden;
}

.cms-display.slider.vertical .swiper-button-next.inside {
	margin: var(--spacing, 0px) 0 0 0;
}

.cms-display.slider.vertical .swiper-button-prev.inside {
	margin: 0 0 var(--spacing, 0px) 0;
}

.cms-display.slider.vertical .swiper-button-next.outside {
	top: 0;
	margin-top: calc(-1 * var(--spacing, 0px));
}

.cms-display.slider.vertical .swiper-button-prev.outside {
	bottom: 0;
	margin-bottom: calc(-1 * var(--spacing, 0px));
}

.cms-display.slider.vertical .swiper-pagination.inside {
	position: relative;
	left: 0;
	margin-left: var(--spacing, 0px);
	transform: initial;
}

.cms-display.slider.vertical .swiper-pagination.outside {
	position: absolute;
	right: calc(-1 * var(--spacing, 0px));
}

/* ==================================================
CMS: Modals
================================================== */

/* --------------------------------------------------
Bootstrap 3 Modal
-------------------------------------------------- */

.modal-open {
	overflow: hidden
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto
}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}

.modal {
	display: none;
	overflow: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10050;
	outline: 0;
	padding: 0 !important;
	-webkit-overflow-scrolling: touch;
}

.modal-backdrop {
	position: fixed;
	top: 0;
	bottom: initial;
	right: initial;
	left: 0;
	z-index: 10040;
	background-color: #000;
	width: 100%;
	height: 100vh;
}

.modal-backdrop.fade {
	opacity: 0;
	filter: alpha(opacity=0)
}

.modal-backdrop.in {
	opacity: .5;
	filter: alpha(opacity=50)
}

.modal .close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 3rem;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer;
	background: transparent;
	opacity: 0.5;
	transition: opacity 0.3s;
	-webkit-appearance: none;
}

.modal:lang(ar) .close {
	left: 10px;
	right: initial;
}

.modal .close:hover {
	opacity: 1;
}

.modal-body .close {
	color: #606060;
	right: 10px;
}

.modal-body:lang(ar) .close {
	left: 10px;
	right: initial;
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px;
	max-width: calc(100% - 20px);
	border-radius: 6px;
}

.modal.fade .modal-dialog,
.modal.fade.fade-top .modal-dialog {
	transform: translate(0, -25%);
	transition: transform 0.3s ease-out
}

.modal.fade.fade-bottom .modal-dialog {
	transform: translate(0, 25%);
}

.modal.fade.fade-left .modal-dialog {
	transform: translate(-25%, 0);
}

.modal.fade.fade-right .modal-dialog {
	transform: translate(25%, 0);
}

.modal.fade.in .modal-dialog {
	transform: translate(0, 0)
}

.modal-content {
	position: relative;
	border: 0;
	border-radius: 6px;
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	background-clip: padding-box;
	outline: 0;
	overflow: hidden;
}

.modal-header {
	padding: 15px;
	background: var(--color-primary);
	color: #fff;
}

.modal-title {
	font-size: 1.6rem;
	font-weight: bold;
}

.modal-body {
	background-color: #fff;
	position: relative;
	padding: 15px
}

.modal-footer {
	text-align: right;
	padding: 10px;
	background-color: #f3f3f3;
}

.modal-footer:lang(ar) {
	text-align: left;
}

@media (min-width:768px) {
	.modal-dialog {
		width: 600px;
		margin: 30px auto
	}

	.modal-sm {
		width: 300px
	}
}

@media (min-width:992px) {
	.modal-lg {
		width: 900px
	}
}

/* CMS Modifications */

.modal.modal-center {
	padding-right: 0;
}

.modal.modal-center .modal-dialog {
	top: 50%;
	margin: 0 auto;
}

.modal.modal-center.fade .modal-dialog {
	transform: translate(0, -75%);
	transition: transform 0.3s ease-out
}

.modal.modal-center.fade.in .modal-dialog {
	transform: translate(0, -50%)
}

.modal.modal-center:not(.fade) .modal-dialog {
	transform: translateY(-50%);
}

.modal-footer .btn {
	margin: 0 0 0 6px;
}

.modal-footer:lang(ar) .btn {
	margin: 0 6px 0 0;
}

/* Safari Fix */

@media not all and (min-resolution: 0.001dpcm) {
	@supports (-webkit-appearance: none) {
		body.modal-open {
			overflow: hidden;
		}

		.modal-backdrop {
			bottom: initial;
			right: initial;
			width: 100%;
			height: 100vh;
			backface-visibility: hidden;
			transform: translate3d(0, 0, 100px);
		}

		.modal {
			padding: 0 !important;
			z-index: 10050 !important;
			backface-visibility: hidden;
			transform: translate3d(0, 0, 110px);
		}
	}
}

/* CMS Modals */

.cms-popup.visible {
	display: flex !important;
}

.cms-popup.modal-top-start {
	align-items: flex-start;
	justify-content: flex-start;
}

.cms-popup.modal-top-end {
	align-items: flex-start;
	justify-content: flex-end;
}

.cms-popup.modal-top-center {
	align-items: flex-start;
	justify-content: center;
}

.cms-popup.modal-center-start {
	align-items: center;
	justify-content: flex-start;
}

.cms-popup.modal-center-end {
	align-items: center;
	justify-content: flex-end;
}

.cms-popup.modal-center-center {
	align-items: center;
	justify-content: center;
}

.cms-popup.modal-bottom-start {
	align-items: flex-end;
	justify-content: flex-start;
}

.cms-popup.modal-bottom-end {
	align-items: flex-end;
	justify-content: flex-end;
}

.cms-popup.modal-bottom-center {
	align-items: flex-end;
	justify-content: center;
}

.cms-popup .modal-dialog {
	margin: 0;
	max-width: 100%;
	width: var(--popup-width-md, 600px);
	height: var(--popup-height-md, auto);
	padding-top: var(--popup-margin-top-md, 30px);
	padding-bottom: var(--popup-margin-bottom-md, 30px);
	padding-left: var(--popup-margin-left-md, 30px);
	padding-right: var(--popup-margin-right-md, 30px);
}

.cms-popup .modal-content {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.cms-popup .modal-body {
	flex-grow: 1;
}

/* Tablet Only */
@media screen and (min-width: 768px) and (max-width: 992px) {
	.cms-popup .modal-dialog {
		width: var(--popup-width-sm, 600px);
		height: var(--popup-height-sm, auto);
		padding-top: var(--popup-margin-top-sm, 20px);
		padding-bottom: var(--popup-margin-bottom-sm, 20px);
		padding-left: var(--popup-margin-left-sm, 20px);
		padding-right: var(--popup-margin-right-sm, 20px);
	}
}

/* Mobile Only */
@media screen and (max-width: 767px) {
	.cms-popup .modal-dialog {
		width: var(--popup-width-xs, 100%);
		height: var(--popup-height-xs, auto);
		padding-top: var(--popup-margin-top-xs, 10px);
		padding-bottom: var(--popup-margin-bottom-xs, 10px);
		padding-left: var(--popup-margin-left-xs, 10px);
		padding-right: var(--popup-margin-right-xs, 10px);
	}
}

/* Offcanvas */

.cms-popup.offcanvas {
	overflow: hidden;
}

.cms-popup.offcanvas .modal-dialog {
	width: auto;
	height: 100%;
	padding: 0;
}

.cms-popup.offcanvas.horizontal .modal-dialog {
	width: 100%;
	height: auto;
	padding: 0;
}

.cms-popup.offcanvas .modal-content {
	border-radius: 0;
}

/* ==================================================
Plugin: Visibility Control
================================================== */

[visibility-control] {
	display: none;
}

/* ==================================================
Plugin: Bootstrap Notification
================================================== */

.bootstrap-notification {
	width: 400px;
	max-width: calc(100% - 20px) !important;
	padding: 10px !important;
}

.bootstrap-notification .close {
	position: absolute;
	top: 5px !important;
	right: 10px !important;
	background: transparent;
	border: 0;
	cursor: pointer;
	font-size: 2rem;
	margin: 0;
	padding: 0;
	color: #fff;
}

.bootstrap-notification:lang(ar) .close {
	right: initial !important;
	left: 10px !important;
}

.bootstrap-notification [data-notify="body"] {
	display: flex;
	align-items: center;
}

.bootstrap-notification [data-notify="body"]>div {
	flex-grow: 1;
}

.bootstrap-notification [data-notify="icon"] {
	margin: 0 15px 0 5px !important;
}

.bootstrap-notification:lang(ar) [data-notify="icon"] {
	margin: 0 5px 0 15px !important;
}

.bootstrap-notification [data-notify="title"] {
	text-align: left;
	font-weight: bold;
	margin: 0 0 3px 0 !important;
}

.bootstrap-notification [data-notify="message"] {
	text-align: left;
	margin: 0 !important;
}

.bootstrap-notification:lang(ar) [data-notify="title"] {
	text-align: right;
}

.bootstrap-notification:lang(ar) [data-notify="message"] {
	text-align: right;
}

.bootstrap-notification .progress {
	margin-top: 10px;
}

.bootstrap-notification.alert {
	border: 0;
	box-shadow: 2px 2px 12px -2px rgba(0, 0, 0, 0.5);
}

.bootstrap-notification.alert-success {
	color: white;
	background: #439f43;
}

.bootstrap-notification.alert-danger {
	color: white;
	background: #ed3939;
}

.bootstrap-notification.alert-warning {
	color: white;
	background: #eda239;
}

.bootstrap-notification.alert-default {
	color: #202020;
	background: #f8f8f8;
}

.bootstrap-notification.alert-default .close {
	color: #202020;
}

/* ==================================================
Plugin: Slider
================================================== */

.slider-handle {
	background: var(--color-primary) !important;
}

.slider-selection {
	background: var(--color-primary-dark) !important;
}

.slider.slider-horizontal {
	width: calc(100% - 20px) !important;
	margin: 5px 10px 5px 10px !important;
}

.slider.slider-horizontal .slider-track {
	width: calc(100% + 20px) !important;
	left: -10px !important;
}

.slider.slider-horizontal:lang(ar) .slider-track {
	left: initial !important;
	right: -10px !important;
}

/* ==================================================
Plugin: TinyMCE
================================================== */

textarea[cms-plugin="tinymce"],
.tox-tinymce:not(.initialized) {
	visibility: hidden;
}

.tox-tinymce:not(.tox-fullscreen):not(.tox-single-line) {
	height: auto !important;
}

.tox-tinymce:not(.tox-fullscreen) {
	border-radius: 3px;
}

.tox .tox-sidebar-wrap {
	border-top: 1px solid #c8c8c8 !important;
}

.tox:not(.tox-single-line) .tox-sidebar-wrap {
	min-height: 200px !important;
}

.tox-toolbar {
	background: #fafafa !important;
	margin: 0 !important;
	padding: 1px !important;
	border: 0 !important;
	flex-shrink: initial !important;
}

.tox-toolbar__primary {
	background: transparent !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	flex-shrink: initial !important;
}

.tox .tox-toolbar__group {
	background: #fff !important;
	margin: 2px !important;
	padding: 0 1px 0 1px !important;
	border: 1px solid #c8c8c8 !important;
	border-radius: 3px;
}

.tox .tox-toolbar__group:empty {
	display: none !important;
}

.tox .tox-toolbar__group>.tox-tbtn,
.tox .tox-split-button {
	font-size: 1.2rem !important;
	margin: 2px 1px 2px 1px !important;
}

.tox .tox-tbtn {
	height: 30px !important;
}

.tox .tox-tbtn svg {
	fill: #404040 !important;
}

.tox-tbtn__icon-wrap>svg {
	width: 24px !important;
	height: 24px !important;
}

.tox-split-button__chevron {
	width: 20px !important;
}

.tox .tox-statusbar {
	height: 30px !important;
}

.tox .tox-statusbar__resize-handle {
	display: none !important;
}

.tox .tox-toolbar--scrolling {
	display: block !important;
}

.tox .tox-toolbar--scrolling .tox-toolbar__group {
	float: left;
	flex-wrap: wrap !important;
}

.tox:lang(ar) .tox-toolbar--scrolling .tox-toolbar__group {
	float: right;
}

/* Tiny MCE Dropdown */

.tox-collection__item-label {
	font-size: 13px !important;
}

.tox-collection__item-label h1 {
	font-size: 14px !important;
}

.tox-collection__item-label h2 {
	font-size: 13px !important;
}

.tox-collection__item-label h3 {
	font-size: 12px !important;
}

.tox-collection__item-label h4 {
	font-size: 11px !important;
}

.tox-collection__item-label h5 {
	font-size: 1rem !important;
}

.tox-collection__item-label h6 {
	font-size: 9px !important;
}

.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
	width: 40px !important;
}

/* Tiny MCE Pop-Up Toolbar */

.tox .tox-dialog__body-nav-item:focus {
	background: initial !important;
}

.tox .tox-pop.tox-pop--bottom::before {
	display: none;
}

.tox .tox-pop.tox-pop--bottom::after {
	display: none;
}

.tox .tox-pop::after,
.tox .tox-pop::before {
	display: none;
}

.tox-pop__dialog .tox-toolbar__group {
	padding: 0 1px 0 1px !important;
	border: 0 !important;
	margin: 0 !important;
	background: transparent !important;
}

/* Tiny MCE Form */

.tox .tox-dialog--width-lg {
	max-height: calc(100% - 20px) !important;
}

.tox .tox-button {
	min-width: 34px !important;
}

.tox-button--icon {
	border: 1px solid #e3e3e3 !important;
}

.tox-label {
	margin: 5px 0 5px 0 !important;
}

.tox .tox-form__group:first-child .tox-label:only-child,
.tox .tox-form__group:first-child .tox-label:first-child {
	margin-top: 0 !important;
}

.tox .tox-form__group {
	margin-bottom: 5px !important;
}

.tox-textfield {
	line-height: 22px !important;
}

.tox .tox-dialog__body-nav {
	padding: 20px 20px 0 0 !important;
}

.tox:lang(ar) .tox-dialog__body-nav {
	padding: 20px 0 0 20px !important;
}

.tox .tox-dialog__body-content {
	padding: 20px 0 15px 0 !important;
}

.tox .tox-dialog__body-nav-item--active,
.tox .tox-dialog__body-nav-item {
	border-bottom: 0 !important;
}

.tox .tox-dialog__header {
	padding: 8px 10px 0 10px !important;
}

.tox .tox-dialog__body {
	padding: 0 10px !important;
}

.tox .tox-dialog__footer {
	margin-top: 8px !important;
	padding: 10px 10px 10px 2px !important;
}

.tox .tox-dialog__footer:lang(ar) {
	padding: 10px 2px 10px 10px !important;
}

.tox-textarea {
	direction: ltr !important;
	text-align: left !important;
}

/* Indexes */

.tox-silver-sink {
	z-index: initial !important;
}

.tox-tinymce {
	z-index: 10 !important;
}

.tox-tinymce-aux,
.tox-menu,
.tox .tox-dialog__popups,
.tox .tox-dialog-wrap {
	z-index: 8000 !important;
}

.tox-fullscreen {
	z-index: 10000 !important;
}

.tox-fullscreen .tox-tinymce-aux,
.tox-fullscreen .tox-menu,
.tox-fullscreen .tox .tox-dialog__popups,
.tox-fullscreen .tox .tox-dialog-wrap {
	z-index: 10010 !important;
}

/* Disabled Buttons */

.tox .tox-tbtn--disabled,
.tox .tox-tbtn--disabled:hover,
.tox .tox-tbtn:disabled,
.tox .tox-tbtn:disabled:hover {
	opacity: 0.25;
	background: transparent !important;
}

/* Visual Blocks */

/*
.mce-visualblocks * {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}
*/

/* Code Mirror */

.mce-codemirror * {
	direction: ltr !important;
	text-align: left !important;
}

/* Variables */

.mce-content-body .custom-variable {
	background: #202020dd !important;
	padding: 5px !important;
	color: #fff;
	border-radius: 3px;
	cursor: pointer;
}

/* Small Toolbar */

.tox.tox-small-toolbar .tox-tbtn {
	height: 24px !important;
	width: auto !important;
}

.tox.tox-small-toolbar .tox-tbtn svg {
	fill: #404040 !important;
	transform: scale(0.8) !important;
}

.tox.tox-small-toolbar .tox-tbtn.tox-split-button__chevron {
	width: 16px !important;
}

.tox.tox-small-toolbar .tox-toolbar__group>.tox-tbtn,
.tox.tox-small-toolbar .tox-split-button {
	font-size: 1rem !important;
}

/* ==================================================
Plugin: Data Table
================================================== */

[interactive-table] {
	display: none;
}

table.dataTable {
	min-width: 100%;
	border-collapse: separate;
	border: 0 !important;
}

table.dataTable thead th,
table.dataTable thead td {
	background: #eee;
	position: relative;
	border: 1px solid #c8c8c8;
}

table.dataTable tbody td {
	border: 1px solid #c8c8c8;
}

table.dataTable tr.odd td {
	background-color: #fcfcfc !important;
}

table.dataTable tr.even td {
	background-color: #fff !important;
}

table.dataTable tbody tr:hover td {
	background-color: #f9f9f9 !important;
}

/* Filter & Sort */

table.dataTable thead .filter-icon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 5px;
	cursor: pointer;
	width: 25px;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 3px;
	color: #808080;
	transition: background 0.3s, color 0.3s;
}

table.dataTable thead .filter-icon:hover {
	color: #202020;
	background: #ddd;
}

table.dataTable thead .filter-icon::after {
	font-family: "Font Awesome 5 Pro";
	opacity: 0.7;
	content: "\f0b0";
}

table.dataTable thead .sorting .sort-icon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 5px;
}

table.dataTable thead .sorting .sort-icon:after,
table.dataTable thead .sorting_asc .sort-icon:after,
table.dataTable thead .sorting_desc .sort-icon:after,
table.dataTable thead .sorting_asc_disabled .sort-icon:after,
table.dataTable thead .sorting_desc_disabled .sort-icon:after {
	font-family: "Font Awesome 5 Pro";
}

table.dataTable thead .sorting .sort-icon:after {
	opacity: 0.2;
	content: "\f0dc";
}

table.dataTable thead .sorting_asc .sort-icon:after {
	content: "\f0de";
	opacity: 0.6;
}

table.dataTable thead .sorting_desc .sort-icon:after {
	content: "\f0dd";
	opacity: 0.6;
}

table.dataTable thead .sorting_asc_disabled .sort-icon:after,
table.dataTable thead .sorting_desc_disabled .sort-icon:after {
	opacity: 0.2;
}

/* Responsive */

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
	line-height: 17px !important;
	top: 5px !important;
	left: initial !important;
	right: 5px !important;
}

table.dataTable.dtr-inline.collapsed:lang(ar)>tbody>tr[role="row"]>td:first-child:before,
table.dataTable.dtr-inline.collapsed:lang(ar)>tbody>tr[role="row"]>th:first-child:before {
	right: initial !important;
	left: 5px !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
	top: 50% !important;
	transform: translateY(-50%);
}

table.dataTable>tbody>tr.child ul.dtr-details>li:last-child {
	padding-bottom: 0 !important;
}

table.dataTable>tbody>tr.child ul.dtr-details>li .btn-block {
	width: auto !important;
	display: inline-block !important;
}

table.dataTable>tbody>tr.child ul.dtr-details {
	width: 100%;
}

table.dataTable>tbody>tr.child ul.dtr-details .dtr-title {
	display: block;
	margin-bottom: 5px;
}

/* Toolbar */

.dataTable-toolbar input,
.dataTable-toolbar select {
	border-radius: 3px !important;
	font-weight: normal;
}

.dataTable-toolbar .search {
	display: flex;
	position: relative;
}

.dataTable-toolbar:not(:lang(ar)) .search input {
	padding-left: 25px !important;
}

.dataTable-toolbar:lang(ar) .search input {
	padding-right: 25px !important;
}

.dataTable-toolbar .search:after {
	position: absolute;
	top: 5px;
	left: 10px;
	display: block;
	font-family: "Font Awesome 5 Pro";
	content: "\f002";
	opacity: 0.6;
}

.dataTable-toolbar:lang(ar) .search:after {
	left: initial;
	right: 7px;
}

.dataTable-toolbar .search:empty {
	display: none !important;
}

.dataTable-toolbar div.dt-buttons {
	float: initial !important;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 5px;
}

.dataTables_wrapper .dataTables_filter {
	float: initial !important;
	margin: 0 !important;
}

/* Pagination */

.dataTables_paginate {
	margin-top: 5px !important;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 5px;
}

.dataTables_paginate .current {
	pointer-events: none;
	opacity: 0.9;
}

.dataTables_paginate a {
	margin: 0 0 0 5px;
}

.dataTables_paginate:lang(ar) a {
	margin: 0 5px 0 0;
}

/* Empty */

.dataTables_empty {
	text-align: left !important;
}

.dataTables_empty:lang(ar) {
	text-align: right !important;
}

/* General */

table.dataTable .dataTables_sizing {
	opacity: 0;
	pointer-events: none;
}

.dtfc-fixed-start,
.dtfc-fixed-end {
	z-index: 5;
}

.dtfc-right-top-blocker,
.dtfc-left-top-blocker {
	display: none !important;
}

/* ==================================================
Plugin: Select2
================================================== */

/* Select2 Single */

.select2-selection--single {
	min-height: 28px;
	height: 100% !important;
}

.select2-selection--single .select2-selection__rendered {
	display: flex !important;
	align-items: center;
	height: 100% !important;
	max-width: 100% !important;
	min-height: 28px;
	gap: 5px;
}

.select2-selection__arrow {
	height: 100% !important;
}

/* Select2 Multiple */

.select2-selection.select2-selection--multiple .select2-selection__rendered {
	display: flex !important;
	padding: 0 !important;
	flex-wrap: wrap;
	gap: 5px;
}

.select2-selection.select2-selection--multiple {
	height: auto !important;
	min-height: 36px !important;
	padding: 5px;
}

.select2-selection.select2-selection--multiple .select2-selection__choice {
	border-radius: 2px !important;
	margin: 0 !important;
}

.select2-selection.select2-selection--multiple .select2-search--inline input {
	margin: 0 !important;
	padding: 0 !important;
	min-height: initial !important;
	height: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.select2-container--default .select2-selection--single .select2-selection__clear {
	color: red !important;
	margin: 0 !important;
}

.select2-selection__choice {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	height: 25px;
}

/* Select2 Dropdown */

.select2-dropdown {
	z-index: 999 !important;
	border: 1px solid #aaa !important;
	border-radius: 0 !important;
	overflow: hidden;
}

.select2-container--open .select2-dropdown--below {
	top: -1px;
}

.select2-container--open.dropdown-auto-width .select2-dropdown--above {
	bottom: -1px;
}

.select2-container--open:not(.dropdown-auto-width) .select2-dropdown--above {
	top: calc(100% + 1px);
}

.select2-container .select2-search--inline .select2-search__field {
	margin: 2px 0 2px 0 !important;
	padding: 5px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #eee !important;
	color: black !important;
}

/* Sortable Select2 Placeholder */

.select2-selection__rendered.ui-sortable li:not(.select2-search) {
	cursor: move !important;
}

.select2-selection__rendered.ui-sortable li:not(.select2-search) span:before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	content: "\e411";
	display: inline-block;
	color: #808080;
	cursor: move;
	margin: 0 10px 0 0;
}

.select2-selection__rendered.ui-sortable:lang(ar) li:not(.select2-search) span:before {
	margin: 0 0 0 10px;
}

/* Multiple Select2 Compact */

.select2-container.compact .select2-selection.select2-selection--multiple {
	min-height: 30px !important;
	padding: 0 !important;
}

.select2-container.compact .select2-selection.select2-selection--multiple .select2-selection__rendered {
	gap: 2px !important;
	padding: 2px !important;
}

.select2-container.compact .select2-selection__choice {
	font-size: 1.1rem !important;
	height: 24px !important;
}

/* Sortable Select2 Tags */

.select2-container.tags .select2-selection__choice {
	width: 100%;
	justify-content: flex-start;
}

/* Select2 with Checkboxes */

.select2-results .select2-results__option .has-checkbox {
	display: flex;
	align-items: center;
}

.select2-results .select2-results__option .has-checkbox::before {
	content: "";
	width: 15px;
	height: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-inline-end: 10px;
	border: 1px solid #c8c8c8;
	cursor: pointer;
}

.select2-results .select2-results__option[aria-selected="true"] .has-checkbox::before {
	content: "\f00c";
	font-family: "Font Awesome 5 Pro";
}

/* Compact Select2 */

select[options-limited]+.select2-container .select2-selection.select2-selection--multiple {
	min-height: 30px !important;
}

select[options-limited]+.select2-container .select2-selection--multiple:before {
	content: "";
	position: absolute;
	right: 7px;
	top: 42%;
	border-top: 5px solid #888;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
}

select[options-limited]+.select2-container .select2-selection__rendered {
	display: none !important;
}

/* ==================================================
Plugin: Calendar & Time Picker
================================================== */

.date-field {
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzY2LjggMzY2LjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM2Ni44IDM2Ni44OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8Zz4NCgkJPHBhdGggZD0iTTM1My40LDcxLjZjLTIuNC0xMS42LTgtMjItMTYtMzBjLTIuNC0yLjQtNS4yLTQuOC04LjQtNi44bC0wLjQtMC40Yy0wLjQtMC40LTAuOC0wLjQtMS4yLTAuOGMtMS4yLTAuOC0yLjQtMS42LTMuNi0yDQoJCQloLTAuNGMtOC40LTQuNC0xNy42LTYuOC0yOC02LjhoLTI0LjhWNy42YzAtNC0zLjItNy42LTcuNi03LjZjLTQsMC03LjYsMy4yLTcuNiw3LjZWMjRIMTExLjhWNy42YzAtNC0zLjYtNy42LTcuNi03LjYNCgkJCXMtNy42LDMuMi03LjYsNy42VjI0SDcxLjhjLTcuNiwwLTE1LjIsMS42LTIyLDQuNGMtNy42LDMuMi0xNC40LDcuNi0yMCwxMy4yYy0zLjIsMy4yLTYsNi44LTguNCwxMC40Yy0yLjQsNC00LjQsOC02LDEyLjQNCgkJCWMtMC44LDIuNC0xLjYsNC44LTIsNy4yYy0wLjgsNC0xLjIsOC0xLjIsMTJ2NDBWMzA4YzAsMTYuNCw2LjgsMzEuMiwxNy4yLDQxLjZDNDAuMiwzNjAuNCw1NSwzNjYuOCw3MSwzNjYuOGgyMjQuOA0KCQkJYzE2LjQsMCwzMS4yLTYuOCw0MS42LTE3LjJjMTAuOC0xMC44LDE3LjItMjUuNiwxNy4yLTQxLjZWMTIzLjZ2LTQwQzM1NC42LDc5LjYsMzU0LjIsNzUuNiwzNTMuNCw3MS42eiBNMjcuOCw4My4yDQoJCQljMC0zLjIsMC40LTYsMC44LTguOGMwLjQtMi44LDEuNi01LjYsMi40LTguNGMxLjYtMy42LDMuNi02LjgsNS42LTkuNmMxLjItMS42LDIuNC0yLjgsMy42LTQuNGMyLjQtMi40LDUuMi00LjQsOC02LjQNCgkJCWM2LjgtNCwxNC40LTYuNCwyMi44LTYuNGgyNC44djE2LjRjMCw0LDMuMiw3LjYsNy42LDcuNmM0LDAsNy42LTMuMiw3LjYtNy42VjM5LjJoMTQ1LjZ2MTYuNGMwLDQsMy4yLDcuNiw3LjYsNy42DQoJCQljNCwwLDcuNi0zLjIsNy42LTcuNlYzOS4yaDI0LjhjOC40LDAsMTYuNCwyLjQsMjIuOCw2LjRjMi44LDIsNS42LDQsOCw2LjRjNiw2LDEwLjQsMTMuNiwxMiwyMi40YzAuNCwyLjgsMC44LDYsMC44LDguOFYxMTZIMjcuOA0KCQkJVjgzLjJ6IE0zNDAuNiwzMDcuNmMwLDEyLjQtNC44LDIzLjYtMTIuOCwzMS42UzMwOC42LDM1MiwyOTYuNiwzNTJINzEuOGMtMTIsMC0yMy4yLTQuOC0zMS4yLTEyLjhTMjcuOCwzMjAsMjcuOCwzMDhWMTMwLjhoMzEyLjgNCgkJCVYzMDcuNnoiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==) !important;
	background-size: 16px 16px !important;
	background-repeat: no-repeat !important;
	cursor: pointer;
}

.time-field {
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDkwLjY2NyA0OTAuNjY3IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0OTAuNjY3IDQ5MC42Njc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBkPSJNMjQ1LjMzMywwQzExMC4wNTksMCwwLDExMC4wNTksMCwyNDUuMzMzczExMC4wNTksMjQ1LjMzMywyNDUuMzMzLDI0NS4zMzNzMjQ1LjMzMy0xMTAuMDU5LDI0NS4zMzMtMjQ1LjMzMw0KCQkJUzM4MC42MDgsMCwyNDUuMzMzLDB6IE0yNDUuMzMzLDQ2OS4zMzNjLTEyMy41MiwwLTIyNC0xMDAuNDgtMjI0LTIyNHMxMDAuNDgtMjI0LDIyNC0yMjRzMjI0LDEwMC40OCwyMjQsMjI0DQoJCQlTMzY4Ljg1Myw0NjkuMzMzLDI0NS4zMzMsNDY5LjMzM3oiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCgk8Zz4NCgkJPHBhdGggZD0iTTM0OC44ODUsMzMzLjgwM0wyNTYsMjQwLjkxN1Y3NC42NjdDMjU2LDY4Ljc3OSwyNTEuMjIxLDY0LDI0NS4zMzMsNjRzLTEwLjY2Nyw0Ljc3OS0xMC42NjcsMTAuNjY3djE3MC42NjcNCgkJCWMwLDIuODM3LDEuMTMxLDUuNTQ3LDMuMTE1LDcuNTUybDk2LDk2YzIuMDkxLDIuMDY5LDQuODIxLDMuMTE1LDcuNTUyLDMuMTE1YzIuNzMxLDAsNS40NjEtMS4wNDUsNy41NTItMy4xMTUNCgkJCUMzNTMuMDQ1LDM0NC43MjUsMzUzLjA0NSwzMzcuOTYzLDM0OC44ODUsMzMzLjgwM3oiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==) !important;
	background-size: 16px 16px !important;
	background-repeat: no-repeat !important;
	cursor: pointer;
}

body[database-language="en"] .time-field,
body[database-language="en"] .date-field,
.time-field,
.date-field {
	padding-left: 30px !important;
	background-position: 8px center !important;
}

body[database-language="ar"] .time-field,
body[database-language="ar"] .date-field,
.time-field:lang(ar),
.date-field:lang(ar) {
	padding-right: 30px !important;
	background-position: calc(100% - 7px) center !important;
}

.calendar-reset,
.time-reset {
	width: 20px;
	height: 20px;
	color: red;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	font-size: 1.4rem;
	position: absolute;
	top: 6px;
	right: 6px;
	z-index: 10;
}

.calendar-reset:lang(ar),
.time-reset:lang(ar) {
	right: initial;
	left: 6px;
}

/* ==================================================
Plugin: Form Validator
================================================== */

.form-error ul {
	margin-top: 10px;
}

.help-block.form-error {
	display: block;
	margin: 5px 0 0 0;
	color: #d9534f;
}

/* Inputs */

.has-error .tox-tinymce,
.has-error .select2-selection,
div.error,
input[list].error,
input[type=text].error,
input[type=password].error,
input[type=number].error,
input[type=file].error,
input[type=email].error,
input[type=date].error,
input[type=time].error,
input[type=search].error,
textarea.error,
select.error {
	border-color: #d9534f !important;
}

/* ==================================================
Plugin: JConfirm
================================================== */

.jconfirm {
	height: 100vh;
}

.jconfirm * {
	max-height: initial;
	float: initial;
}

.jconfirm-bg {
	background-color: #000 !important;
	opacity: 0.4 !important;
	width: 100vw;
	height: 100vh;
}

.jconfirm-box {
	padding: 15px !important;
	max-width: calc(100vw - 40px);
}

.jconfirm-box.loading .jconfirm-content-pane * {
	display: none;
}

.jconfirm-box .jconfirm-closeIcon {
	top: 15px !important;
	right: 10px !important;
}

.jconfirm-box:lang(ar) .jconfirm-closeIcon {
	right: initial !important;
	left: 10px !important;
}

.jconfirm-box .jconfirm-title-c {
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center;
	gap: 10px;
}

.jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
	margin: 0 0 15px 0 !important;
	padding: 0 !important;
}

.jconfirm-box .jconfirm-title-c .jconfirm-title {
	margin: 0 0 15px 0 !important;
	padding: 0 !important;
	font-size: 1.5rem !important;
	font-weight: bold;
}

.jconfirm-box .jconfirm-content-pane {
	display: block !important;
	margin: 0 !important;
	max-height: 350px !important;
}

.jconfirm-box .jconfirm-content-pane.no-scroll>div {
	overflow: hidden;
}

.jconfirm-box .jconfirm-content-pane:not(.no-scroll) {
	padding: 0 10px 0 0 !important;
}

.jconfirm-box:lang(ar) .jconfirm-content-pane:not(.no-scroll) {
	padding: 0 0 0 10px !important;
}

.jconfirm-box .jconfirm-content-pane .jconfirm-content {
	overflow-y: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
}

.jconfirm-box .jconfirm-buttons {
	float: initial !important;
	margin: 15px 0 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

.jconfirm-box .jconfirm-buttons button {
	text-transform: uppercase !important;
	font-size: 1.4rem !important;
	font-weight: bold !important;
	text-shadow: none !important;
	margin: 0 !important;
}

.jconfirm-box .jconfirm-buttons button.btn-default {
	box-shadow: none;
	color: #333;
}

/* Modern */

.jconfirm.jconfirm-modern .jconfirm-box {
	padding: 30px 15px 30px 15px !important;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-content-pane {
	padding: 0 !important;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-title-c {
	flex-direction: column;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
	margin-bottom: 20px !important;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-title-c .jconfirm-title {
	font-size: 2.2rem !important;
	margin-bottom: 10px !important;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons {
	margin-top: 20px !important;
	justify-content: center;
}

/* Supervan */

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-title-c {
	flex-direction: column;
}

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-content-pane {
	padding: 0 !important;
}

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
	margin-bottom: 15px !important;
}

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-title-c .jconfirm-title {
	font-size: 2.2rem !important;
	margin-bottom: 10px !important;
}

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons {
	margin-top: 20px !important;
	justify-content: center;
}

/* Border */

.jconfirm.border .jconfirm-box .jconfirm-content-pane {
	padding: 10px !important;
	border: 1px solid #eee;
	border-radius: 3px;
}

.jconfirm.center-buttons .jconfirm-box .jconfirm-buttons {
	justify-content: center !important;
}

/* Calendar Fix */

.jconfirm .pika-single,
.jconfirm .calendar {
	position: fixed !important;
	z-index: 99999999 !important;
}

/* ==================================================
Plugin: Fancybox
================================================== */

.fancybox-type-image .fancybox-button {
	background: transparent !important;
}

.fancybox-toolbar {
	visibility: visible !important;
	opacity: 1 !important;
}

/* Hide all buttons except close for any type other than images */

.fancybox-type-iframe .fancybox-button:not(.fancybox-button--close),
.fancybox-type-video .fancybox-button:not(.fancybox-button--close),
.fancybox-type-html .fancybox-button:not(.fancybox-button--close) {
	display: none !important;
}

.fancybox-slide--iframe,
.fancybox-slide--video,
.fancybox-slide--html {
	padding: 30px !important;
}

.fancybox-type-iframe .fancybox-button--close,
.fancybox-type-video .fancybox-button--close,
.fancybox-type-html .fancybox-button--close {
	border-radius: 50% !important;
	margin: 5px 5px 0 0 !important;
}

.fancybox-slide--iframe .fancybox-content {
	border-radius: 5px !important;
}

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

	.fancybox-slide--iframe,
	.fancybox-slide--video {
		padding: 15px !important;
	}
}

/* Thumbnails */

.fancybox-show-thumbs .fancybox-inner {
	right: 0;
	bottom: 95px;
}

.fancybox-thumbs {
	top: auto;
	width: auto;
	bottom: 0;
	left: 0;
	right: 0;
	height: 95px;
	padding: 10px 10px 5px 10px;
	box-sizing: border-box;
	background: rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs__list a:before {
	border: 4px solid var(--color-primary) !important;
}

.fancybox-progress {
	background: var(--color-primary) !important;
}

/* Mobile & Tablet */

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

	.fancybox-slide--iframe,
	.fancybox-slide--video {
		padding: 15px !important;
	}

	.fancybox-slide--video .fancybox-content {
		position: fixed;
		top: 15px;
		left: 15px;
		transform: rotate(90deg) translateY(-100%);
		transform-origin: top left;
		width: calc(100vh - 30px) !important;
		height: calc(100vw - 30px) !important;
		max-width: initial !important;
		max-height: initial !important;
	}
}

/* All Platforms Except iOS */

@supports not (-webkit-overflow-scrolling: touch) {
	.fancybox-slide--iframe .fancybox-content {
		width: 100% !important;
		height: 100% !important;
		max-width: 100% !important;
		max-height: 100% !important;
		overflow: hidden !important;
	}
}

body.website.fancybox-active,
body.fancybox-iosfix {
	position: static;
}

/* iOS Fancybox Website Fix for border-radius */

@supports (-webkit-overflow-scrolling: touch) {
	body.website.inline {
		background: transparent !important;
	}
}