:root {
  --primary-color: #F5F5DC; /* Soft beige */
  --accent-color: #D4AF37; /* Gold */
  --text-color: #3D3D3D; /* Charcoal gray */
  --icon-color: #CDAE70; /* Muted gold */
}

@import url('https://fonts.googleapis.com/css2?family=Alexandria&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css');

@font-face {
	font-family: 'DINNextLTW23Regular';
	src: url('/assets/pr/fonts/din-next-lt-w23-regular.ttf') format('truetype');
}

@font-face {
	font-family: 'DINNextLTArabicRegular';
	src: url('/assets/pr/fonts/DIN-Next-LT-Arabic-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'DINNextLTArabicBold';
	src: url('/assets/pr/fonts/DIN-Next-LT-Arabic-Bold.ttf') format('truetype');
}

body {
	font-family: DINNextLTW23Regular, 'Alexandria', sans-serif;
	color: var(--text-color);
}

.vip-guest-highlight {
    background-color: #ffdddd !important;
}

[data-page-route="User"] .layout-side-section {
	background-color: var(--primary-color) !important;
}

[data-page-route="Workspaces"] .layout-side-section {
	background: linear-gradient(315deg, var(--primary-color) 0%, #EFE5D0 50%, #EFE5D0 100%);
}

[data-page-route^="List"][data-page-route$="List"] .layout-side-section {
	background: linear-gradient(315deg, var(--primary-color) 0%, #EFE5D0 50%, #EFE5D0 100%);
}

[data-page-route^="List"][data-page-route$="List"] .sidebar-section.filter-section {
	padding-right: 2%;
}

[data-route^="Form/DocType/"] .layout-side-section {
	background: linear-gradient(315deg, var(--primary-color) 0%, #EFE5D0 50%, #EFE5D0 100%);
}

.page-container {
	background-image: url("/assets/pr/images/pattern.png");
}

.navbar-brand img {
	max-height: 50px;
}

.navbar-brand {
	display: flex;
	align-items: center;
}

.navbar-brand::before {
	content: " ";
}

.navbar-brand::after {
	content: "  معهد الشارقة للتراث";
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-align: right;
	direction: rtl;
	animation: typing 10s steps(50, end) infinite;
	color: rgb(126, 72, 25);
	font-size: 13px;
}

@keyframes typing {
	from {
		width: 0%;
	}
	to {
		width: 100%;
	}
}

@media (max-width: 470px) {
	.navbar-brand::after {
		display: none;
	}
}

.recent-item.notification-item .notification-body .message {
    max-width: 360px;
    direction: rtl;
}

.layout-side-section {
	border-top-right-radius: 1vw;
}

.layout-side-section .sidebar-label {
	color: var(--text-color);
}

.list-sidebar .sidebar-action {
	color: var(--text-color);
}

.list-row-head {
	background-color: var(--accent-color) !important;
	color: var(--text-color) !important;
}

.list-row-head .list-subject {
	color: var(--accent-color);
}

.btn btn-primary btn-sm primary-action {
	background-color: var(--accent-color);
}

.list-count {
	color: var(--text-color);
}

.page-form .filter-button.btn-primary-light {
	background-color: #462811;
	color: var(--text-color);
}

.dropdown-text {
	color: var(--text-color);
}

.standard-sidebar-item .sidebar-item-label {
	min-width: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: var(--text-color);
}

.standard-sidebar-item:hover .sidebar-item-label {
	color: var(--accent-color) !important;
}

.standard-sidebar-item.selected .sidebar-item-label {
	color: var(--accent-color) !important;
	border-radius: 0% !important;
}

.list-subject a {
	color: var(--accent-color);
}

.ellipsis {
	color: #7e4819;
}

.filterable .ellipsis {
	color: var(--accent-color);
}

.list-row-col a {
	color: var(--accent-color);
}

.list-row .list-row-activity>span:not(:last-child),
.list-row-head .list-row-activity>span:not(:last-child) {
	color: var(--accent-color);
}

.list-row .list-row-activity .comment-count,
.list-row-head .list-row-activity .comment-count {
	color: var(--accent-color);
}

.custom-btn-group-label {
	color: var(--accent-color);
}

.btn.btn-default.btn-sm.ellipsis {
	background-color: var(--primary-color) !important;
	color: var(--accent-color) !important;
}

.btn-default.ellipsis {
	background-color: var(--accent-color) !important;
	color: var(--primary-color) !important;
}

.section-head {
	background-color: rgb(204, 200, 200);
}

.custom-actions.hidden-xs.hidden-md .btn.btn-default.ellipsis {
	background-color: var(--primary-color) !important;
	color: var(--accent-color) !important;
}

.btn-secondary.btn-sm {
	background-color: var(--primary-color) !important;
	color: var(--accent-color) !important;
}

[data-page-route="User"] .layout-side-section .sidebar-label {
	color: var(--accent-color);
}

[data-page-route="User"] .icon {
	fill: var(--icon-color) !important;
}

.standard-image {
	background-color: var(--accent-color);
	color: var(--primary-color);
}

.page-actions .btn:not(.icon-btn),
.page-actions div#driver-popover-item .driver-popover-footer button:not(.icon-btn),
div#driver-popover-item .driver-popover-footer .page-actions button:not(.icon-btn) {
	background-color: var(--accent-color);
}

.ce-stub__info {
	color: var(--accent-color);
}

.standard-sidebar-item .icon {
	fill: var(--icon-color) !important;
}

.standard-sidebar-item:hover .icon {
	fill: var(--icon-color) !important;
}

.standard-sidebar-item.selected .icon {
	fill: var(--icon-color) !important;
}

.page-form .filter-button {
	background-color: var(--accent-color);
	color: var(--primary-color);
}

.widget .widget-head .widget-label .widget-title svg {
	fill: var(--accent-color);
}

.col-lg-2.layout-side-section {
	padding: 0px !important;
	padding-left: 1vw !important;
}

.standard-sidebar .standard-sidebar-item,
.desk-sidebar .standard-sidebar-item,
.search-dialog .search-results .search-sidebar .standard-sidebar-item {
	border-radius: 0% !important;
	border-top-left-radius: 2vw !important;
	border-bottom-left-radius: 2vw !important;
}

/* *************** Icons ****************** */

#guest-personal_info_tab-tab::before {
	content: "\f0c0";
	font-family: FontAwesome;
	margin-right: 5px;
}

#guest-address_tab-tab::before {
	content: "\f041";
	font-family: FontAwesome;
	margin-right: 5px;
}

#guest-passport_information_section-tab::before {
	content: "\f15c";
	font-family: FontAwesome;
	margin-right: 5px;
}

#guest-qualification_section-tab::before {
	content: "\f19d";
	font-family: FontAwesome;
	margin-right: 5px;
}

.form-dashboard-section.form-links .section-head::after {
	content: "\f0c6";
	font-family: 'FontAwesome';
	margin-right: 5px;
	font-size: 16px;
}

#guest-personal_info_tab div:nth-child(4)>.section-head::before {
	content: "\f182";
	font-family: 'FontAwesome';
	margin-right: 5px;
}

#guest-personal_info_tab>div:nth-child(5)>.section-head::before {
	content: "\f05a";
	font-family: 'FontAwesome';
	margin-right: 5px;
}

#guest-address_tab .form-section.card-section.visible-section .section-head:nth-child(1)::before {
	content: "\f041";
	font-family: FontAwesome;
	margin-right: 5px;
}

#invitation-event_tab>div:nth-child(3)>.section-head::before {
	content: "\f05a";
	font-family: 'FontAwesome';
	margin-right: 5px;
}

#invitation-event_tab>div:nth-child(4)>.section-head::before {
	content: "\f05a";
	font-family: 'FontAwesome';
	margin-right: 5px;
}

#invitation-event_tab-tab::before {
	content: "\f274";
	font-family: 'FontAwesome';
	margin-right: 5px;
}

#invitation-guest_tab-tab::before {
	content: "\f007";
	font-family: 'FontAwesome';
	margin-right: 5px;
}

#invitation-guest_tab>div:nth-child(2)>.section-head::before {
	content: "\f007";
	font-family: 'FontAwesome';
	margin-right: 5px;
}

#invitation-hosting_tab-tab::before {
	content: "\f058";
	font-family: 'FontAwesome';
	margin-right: 5px;
}

#invitation-guest_feedback_tab-tab::before {
	content: "\f075";
	font-family: 'FontAwesome';
	margin-right: 5px;
}

#invitation-reports_tab-tab::before {
	content: "\f15c";
	font-family: 'FontAwesome';
	margin-right: 5px;
}

#invitation-reports_tab>div:nth-child(2)>.section-head::before {
	content: "\f5bf";
	font-family: 'FontAwesome';
	margin-right: 5px;
}

#invitation-hosting_tab>div:nth-child(2)>.section-head::before {
	content: "\f05a";
	font-family: 'FontAwesome';
	margin-right: 5px;
}

#invitation-hosting_tab>div:nth-child(4)>.section-head::before {
	content: "\f21b";
	font-family: 'FontAwesome';
	margin-right: 5px;
}

#invitation-hosting_tab>div:nth-child(5)>.section-head::before {
	content: "\f674";
	font-family: 'FontAwesome';
	margin-right: 5px;
}

#invitation-hosting_tab>div:nth-child(6)>.section-head::before {
	content: "\f0fb";
	font-family: 'FontAwesome';
	margin-right: 5px;
}

#invitation-hosting_tab>div:nth-child(7)>.section-head::before {
	content: "\f236";
	font-family: 'FontAwesome';
	margin-right: 5px;
}

#invitation-hosting_tab>div:nth-child(8)>.section-head::before {
	content: "\f1ba";
	font-family: 'FontAwesome';
	margin-right: 5px;
}

#invitation-hosting_tab>div:nth-child(9)>.section-head::before {
	content: "\f21d";
	font-family: 'FontAwesome';
	margin-right: 5px;
}

#invitation-guest_feedback_tab>div:nth-child(2)>.section-head::before {
	content: "\f005";
	font-family: 'FontAwesome';
	margin-right: 5px;
}

/**************RTL DOCUMENT ****************/

.form-page {
	direction: rtl !important;
	text-align: right;
}
.form-page input , select ,
.like-disabled-input { 
	direction: rtl !important;
	text-align: right !important;
}
.input-with-feedback.form-control.ellipsis{
	direction: rtl !important;
}
.select-icon{
	right: 0 !important ;
	left: 12px !important;
}
/*********form********************/
.section-head {
	border-radius: 5px;
	background: rgb(195, 162, 85);
	color: var(--primary-color) !important;
	font-weight: 600 !important;
}

.form-in-grid .form-section .section-head {
	padding: 7px;
}

.control-input-wrapper {
	direction: ltr;
	text-align: left;
}

/*****Guick list ******/

.widget .quick-list-widget-box {
	border: 1px solid !important;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}

.widget.quick-list-widget-box .widget-footer .see-all {
	width: 100%;
	text-decoration: none;
	background: #dcb75a !important;
}

.widget.quick-list-widget-box .widget-head .widget-control {
	visibility: visible !important;
	opacity: 1;
	transition: visibility 0s, opacity .5s ease-in-out;
}

.widget.quick-list-widget-box .refresh-list,
.widget.quick-list-widget-box .filter-list,
.widget.quick-list-widget-box .add-new {
	background: #C8AA64 !important;
}

.quick-list-item {
	border: 1px solid #f2eeee !important;
}

.widget.links-widget-box {
	border: 1px solid !important;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}

.widget.links-widget-box .link-item .indicator-pill {
	background: #c39553 !important;
}

.filter-list {
	display: none
}

.widget.quick-list-widget-box {
	border: 1px solid !important;
}

.widget-head {
	direction: rtl;
  align-items: revert;
}

.sidebar-item-label {
	color: #333333 !important;
}

@media (max-width: 996px) {
    .sidebar-item-label {
        color: var(--accent-color) !important;
    }
}
