:root {
	--bg-color:  #f4f7f9;
	--btn-primary: #1a365d !important;
	--btn-secondary: #edba13 !important;
	--secondary: #2d3748;
	--navbar-bg: #1a365d;
	--text-btn-color: white;
	--table-border-color: #cbd5e0;
	--btn-default-hover-bg: #f8fafc;
	--sidebar-select-color: rgba(26, 54, 93, 0.1);
	--checkbox-gradient: linear-gradient(180deg, var(--btn-primary) -124.51%, var(--btn-primary) 100%);
	--text-base: 16px;
	--primary: #1a365d !important;
	--font-family-monospace: "Tajawal", system-ui;
}
:root, [data-theme=light] {
	--font-stak:system-ui;
    --navbar-height: 36px;
		--page-head-height: 39px;
}

.bi::before {
    font-family: "bootstrap-icons" !important;
}

p {
    margin-bottom: 0px;
}

.pull-right {
    float: none;
    color: #0094a3;
}

/* my style */
.page-head {
	top: 0px !important;
    height: auto !important;
    min-height: var(--page-head-height);
    overflow: visible !important;
    display: block !important;
}

.page-title {
    display: flex !important;
    align-items: center !important;
    top: 0 !important;
    position: relative !important;
    margin: 0 !important;
}

.sub-layout-main-section-wrapper .page-head-content .page-actions {
    align-items: center !important;
    top: 0 !important;
    left: auto !important;
    right: auto !important;
    position: relative !important;
    display: flex !important;
    flex-wrap: wrap !important;
    max-width: 100% !important;
    gap: 10px !important;
}

#page-Workspaces .page-head-content .page-actions {
    align-items: center !important;
    top: 0 !important;
    left: auto !important;
    right: auto !important;
    position: relative !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.form-tabs-sticky-up {
	top: 0px;
}

.form-tabs-sticky-down {
    top: 0px;
}

.ellipsis, .awesomplete > [role=listbox] > li, .awesomplete > [role=listbox] > [role=option], .widget.shortcut-widget-box .indicator-pill {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    vertical-align: middle;
    /* color: white; */
}

use.like-icon {
    --icon-stroke: transparent;
    cursor: pointer;
    /* stroke: #ffffff; */
}

.form-sidebar .form-sidebar-stats li:first-child .form-follow {
    text-transform: uppercase;
    font-size: var(--text-xs, 11px);
    /* color: white; */
}

.osama .layout-side-section .form-sidebar .form-sidebar-stats li:first-child .form-follow{
    color: white !important;
}


.page-card-head img {
    max-height: 148px !important;
}
.btn.btn-primary, div#driver-popover-item .driver-popover-footer button.btn-primary, div#driver-popover-item .driver-popover-footer button.driver-next-btn {
	background-color: #1a365d;
}
.page-card-head img {
    max-height: 120px;
}
.navbar{
	background: #1a365d !important;
}

.navbar .navbar-brand {
    margin-left: 0;
    background: #fafafa;
    position: absolute;
    top: 93.1px;
    padding: 13px 14px;
}

@media (max-width: 991px) {
    .navbar .navbar-brand {
		margin-left: 0;
		background: #fafafa;
		position: absolute;
		top: .1px;
		padding: 13px 14px;
	}
}

.navbar .container {
    padding: 0px 0px 0px 5px;
}

#page-Workspaces .page-body .page-wrapper .page-content .layout-main .layout-main-section-wrapper {
	position: relative;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

#page-query-report .page-body .page-wrapper .page-content .layout-main .layout-main-section-wrapper {
	position: relative;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
	flex: 100%;
	overflow-x: hidden;
}

#page-query-report .report-wrapper {
	max-width: 100%;
	overflow-x: auto;
}

#page-query-report .datatable {
	max-width: 100%;
}

#page-query-report .dt-scrollable {
	overflow-x: auto;
}

.d-flex {
    display: flex !important;
    place-items: center;
}

.d-flex .form-stats-likes .es-icon use.like-icon {
    --icon-stroke: transparent;
    cursor: pointer;
    stroke: white;
}

/* .page-container .page-body .page-wrapper .page-content .layout-main .layout-main-section-wrapper {
	position: relative;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
} */

body{
	font-weight: 700 !important;
	font-family: system-ui !important;
	/* font-family: emoji !important; */
	/* font-family: "Tajawal", serif !important; */
}
[data-page-route=Workspaces] .layout-main .layout-side-section, [data-page-route=Workspaces] .layout-main .layout-main-section-wrapper {
	height: 100%;
	overflow-y: auto;
	scrollbar-color: var(--btn-secondary) transparent;
}

.form-sidebar ul li a {
    color: #000000 !important;
    text-decoration: underline;
}

.form-sidebar ul li a span {
    width: 73px;
    display: block;
}

.form-sidebar ul li .comments span {
    width: fit-content;
    display: block;
}

.form-sidebar ul li a:hover {
    font-weight: bold;
    color: var(--text-color);
    text-decoration: double;
}

@media (min-width: 992px) {
    [data-page-route=Workspaces] .layout-main .layout-side-section {
        padding-left: 15px;
        /* padding-right: 50px; */
    }
}

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1476px;
    }
}
* {
    scrollbar-color: #1a365d #e0363600  !important;
}

.widget.number-widget-box .widget-body .widget-content .number {
	font-size: var(--text-2xl);
	font-weight: var(--weight-semibold);
	letter-spacing: 0.01em;
	line-height: var(--text-line-height-3xl);
	color: white !important;
}

.widget.number-widget-box .widget-head .widget-title {
    font-weight: var(--weight-medium);
    color: #ffffff !important;
    text-transform: uppercase;
    font-size: var(--text-tiny);
    margin-top: var(--margin-xs);
}

.widget.number-widget-box .widget-body .widget-content .grey-stat {
    color: white;
}

input[type=checkbox].disabled-selected, input[type=checkbox]:disabled:checked {
    background-color: #ff9800 ;
    background-image: url(data:image/svg+xml, <svg viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 4.00001L2.66667 5.80001L7 1.20001' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>);
    background-size: 57%;
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.1);
    border: none;
    pointer-events: none;
}


.widget.onboarding-widget-box {
    display: none;
}


@media (max-width: 991px) {
    .layout-side-section .overlay-sidebar {
        margin-top: 0 !important;
        position: fixed;
        background: #ffffff;}
	}

.indicator-pill.yellow, .indicator-pill-right.yellow, .indicator-pill-round.yellow{

background: #fafafa;
		}

[data-page-route=Workspaces] .sidebar-item-container .sidebar-item-container {
	margin-right: 10px;
	margin-left: 10px;
	border: 1px solid #fafafa;
}

.form-sidebar .sidebar-image-section .sidebar-image-wrapper {
    position: relative;
    width: 100%;
}

.form-sidebar .sidebar-menu .form-sidebar-items {
    display: flex;
    width: 157px;
    padding: 0px 10px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    border-radius: var(--padding-sm);
    background: #fff;
}

.ellipsis, .awesomplete > [role=listbox] > li, .awesomplete > [role=listbox] > [role=option], .widget.shortcut-widget-box .indicator-pill {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    vertical-align: middle;
    color: #000;
}

[data-page-route=Workspaces] .sidebar-item-container {
    position: relative;
    margin-right: 14px;
}



[data-page-route=Workspaces] .sidebar-item-container .sidebar-item-container .standard-sidebar-item {
			font-size: 14px;
		}
/* ==============login body ======= */
		@media (min-width: 576px) {
			body {
				background-color: #fafafa !important;
			}
		}
		/* =========================== */

		[data-page-route=Workspaces] .codex-editor .codex-editor__redactor .ce-block .ce-block__content .ce-header {
			padding-bottom: 3px;
			padding-top: 3px;
			background-color: #cad0d699;
			padding-right: 7px !important;
			margin-bottom: 0 !important;
			/* border: 2px solid #17a2b8; */
			flex: 1;
			border-radius: 6px;
			/* margin-right: auto; */
		}
/* end my stile */

/* login page */

[data-path="login"] .navbar-light {
	border-bottom: 1px solid var(--blue-400) !important;
	background: white;
	visibility: hidden;
	display: none;
}

[data-path="login"] .web-footer {
	border-top: 1px solid var(--blue-400) !important;
	visibility: hidden !important;
    display: none !important;
}

.for-login .page-card {
	border: 0px solid var(--blue-400) !important;
    background-color: #17a2b8 !important;
    box-shadow: 22px 16.0px 0px hsl(0deg 0% 0% / 0%);

}

.for-login .btn-login{
	/* background-color: #66bb6a !important;
	border: none !important;
	color: rgb(0, 0, 0); */

    background: #338f92 !important;
    color: #fff;
	border: double;
    border-width: 1.5px !important;
    border-color: white;
    border-radius: 8px;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
}

.for-login .btn-login:hover{
	/* background-color: var(--blue-600) !important; */
	background: linear-gradient(135deg, #f47321, #338f92);
	border: double;
    border-width: 1.5px !important;
    border-color: white;
	color: white;
}

#page-login .page-content-wrapper .container .page_content {
	justify-items: center;
    padding: 61px 0px;
    background: #338f92;
    /* box-shadow: -1px 0px 20px 19px hsl(0deg 0% 0% / 0.25); */
    border-radius: 50px;
}

#page-login .page-content-wrapper .container .page_content div .for-login {
    width: 100%;
    padding: 0px 24px;
    height: 443px;
    background: #ffffff !important;
    border-radius: 50px;
    box-shadow: -1px 0px 20px 6px hsl(0deg 0% 0% / 36%);
}

#page-login .page-content-wrapper .container .page_content div .for-login .page-card-head {
	background: #ffffff00 !important;
    justify-items: center;
    /* background: linear-gradient(135deg, #338f92, #f47321) !important; */
    box-shadow: inset -1px 0px 0px 0px hsla(0, 0%, 0%, 0);
    border-radius: 50px;
}

#page-login .page-content-wrapper .container .page_content div .for-login .login-content .form-signin .page-card-body {
	background: #ffffff00 !important;
    justify-items: center;
    /* background: linear-gradient(135deg, #338f92, #f47321) !important; */
    box-shadow: inset -1px 0px 0px 0px hsl(0deg 0% 0% / 0%);
    border-radius: 50px;
}

#page-login .page-content-wrapper .container .page_content div .for-login .login-content .form-signin .page-card-body .form-group {
    justify-items: center;
    background: linear-gradient(135deg, #338f92, #f47321) !important;
    box-shadow: -1px 0px 20px 19px hsl(0deg 0% 0% / 0%);
    border-radius: 50px;
}

#page-login .page-content-wrapper .container .page_content div .for-login .login-content .form-signin .page-card-body .form-group .password-field {
    justify-items: center;
    background: linear-gradient(135deg, #338f92, #f47321) !important;
    box-shadow: -1px 0px 20px 19px hsl(0deg 0% 0% / 0%);
    border-radius: 50px;
}

#page-login .page-content-wrapper .container .page_content div .page-card-actions {
    justify-items: center;
    background: linear-gradient(135deg, #338f92, #f47321) !important;
    box-shadow: -1px 0px 20px 19px #ffffff00;
    border-radius: 50px;
}

#page-login .page-content-wrapper .container .page_content div .for-login .login-content .form-signin .page-card-body .email-field {
    justify-items: center;
    background: linear-gradient(135deg, #338f92, #f47321) !important;
    box-shadow: -1px 0px 20px 19px hsl(0deg 0% 0% / 0%);
    border-radius: 50px;
}

#page-login .page-content-wrapper .container .page_content div .for-login .login-content {
	background: #ffffff00 !important;
    padding: 0px;
}

.page-card-head {
    padding: max(5vh, 30px) 0px 14px 0;
    margin: 0 auto;
    background: #f5f5dc00 !important;
    text-align: center;
    font-size: var(--text-xl);
    font-weight: 600;
}

.for-login .page-card-head h4 {
	color: black !important;
}

.for-login .form-control, .for-login .form-control{
	background-color: white !important;
	border: solid 1px var(--blue-400) !important;
}

.for-login .form-control:focus, .for-login .form-control:hover{
	box-shadow: 0 0 0 1px var(--blue-300) !important;
}

.for-login .page-card .page-card-body .forgot-password-message>* {
	color: var(--blue-600) !important;
	visibility: hidden;
	display: none;
}

/* NAVBAR DESIGNE */

/* .navbar .navbar-expand span,
.navbar .navbar-expand li a,
#navbar-breadcrumbs a,
.navbar .nav-item button.nav-link{
	color: var(--btn-default-hover-bg) !important;

} */

.layout-main-section.frappe-card {
    overflow: hidden;
    border-radius: var(--border-radius-md);
    box-shadow: var(--card-shadow);
    padding: 0px;
    background-color: var(--card-bg);
    box-shadow: none;
    border: 1px solid #1a365d;
}

.list-paging-area, .footnote-area {
    border-top: 1px solid #1a365d;
}

.nav-link:hover, .nav-link:focus {
    text-decoration: none;
    color: #1a365d !important;
}

.form-tabs-list .form-tabs .nav-item .nav-link.active {
    font-weight: 600;
    border-bottom: 1px solid #ff9800;
    color: #1a365d;
}

#navbar-breadcrumbs li.disabled a {
  color: var(--white-overlay-400) !important;
}

.nav-tabs{
	border:none;
}

.search-bar span {
	color: var(--neutral-black) !important;
}

/* PAGE DESIGN */

body, .page-container {
	background-color: #fafafa !important;
}

.page-head {
	background-color: #fafafa !important;
    /* border-radius: 10px; */
    border-bottom: outset;
    border-color: aqua;
}

.es-icon {
	@extend .icon;
	fill :  #017E8480 !important;
	/* stroke:  #017E8480 !important; */
	stroke:  #ff9800  !important;
}

.page-content .layout-main-section{
        background-color: #fafafa;
}

/* الصفوف المتناوبة: فردي أبيض / زوجي رمادي */
.datatable .dt-scrollable .dt-row:nth-child(odd) .dt-cell {
	background-color: #ffffff !important;
}
.datatable .dt-scrollable .dt-row:nth-child(even) .dt-cell {
	background-color: #f3f3f3 !important;
}
/* hover للصف كاملاً: يغلب لون جميع خلايا الصف */
.datatable .dt-scrollable .dt-row:nth-child(odd):hover .dt-cell,
.datatable .dt-scrollable .dt-row:nth-child(even):hover .dt-cell {
	background-color: #e2e6ea !important;
}

.datatable .dt-header .dt-cell--header .dt-cell__content {
    /* font-weight: normal; */
    font-weight: bolder;
    font-size: 13px;
    text-align: center;
    background-color: #f8fafc;
    color: #1a365d;
}

.datatable {
    --dt-primary-color: $primary;
    --dt-light-bg: var(--highlight-color);
    --dt-light-red: var(--red-50);
    --dt-light-yellow: var(--yellow-50);
    --dt-orange: var(--orange-500);
    --dt-text-color: var(--text-muted);
    --dt-text-light: var(--text-light);
    --dt-spacer-1: 0.25rem;
    --dt-spacer-2: var(--padding-xs);
    --dt-spacer-3: 1rem;
    --dt-border-radius: var(--border-radius);
    --dt-cell-bg: var(--fg-color);
    --dt-border-color: #fff1fb40;
    --dt-border-radius: var(--border-radius);
    --dt-header-cell-bg: var(--subtle-fg);
    --dt-selection-highlight-color: var(--highlight-color);
    background-color: var(--bg-color);
    margin-right: -5px;
    margin-top: 0px;
    font-size: var(--text-base);
    font-weight: var(--weight-regular);
    letter-spacing: 0.02em;
}

/* DASHBOARD DESIGN */
.desk-sidebar-item{
	line-height: 2.2;
}

.widget.links-widget-box, .widget.dashboard-widget-box {
	border: 1.6px solid #1a365d;
	/* border-radius: 10px; */
	border-radius: 21px 4px;
	background-color: white !important;
}
/* [data-page-route=Workspaces] .sidebar-item-container {
    border: 1px solid #1a365d;
} */

/* .page-head .page-head-content {

    display: flex
;
    flex-wrap: nowrap;
    margin-left: -15px;
    margin-right: -15px;
    flex-direction: column;
} */

.desk-sidebar .standard-sidebar-section:last-of-type {
    /* margin-bottom: var(--margin-sm); */
	margin-bottom: 0px;
    display: flex;

    justify-content: space-evenly;
}

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

	.desk-sidebar .standard-sidebar-section:last-of-type {
		margin-bottom: var(--margin-sm);
        display: flex
;
        justify-content: space-evenly;
        flex-wrap: wrap;
        flex-direction: column;	}

}

.standard-sidebar .standard-sidebar-section .standard-sidebar-label, .desk-sidebar .standard-sidebar-section .standard-sidebar-label, .search-dialog .search-results .search-sidebar .standard-sidebar-section .standard-sidebar-label {
    margin-bottom: var(--margin-md);
    margin-top: var(--margin-sm);
    width: fit-content;
}


.widget.links-widget-box .widget-head .widget-label .widget-title{

	color: var(--primary) !important;
	/* font-size: 17px; */
	font-size: 20px;
	padding-bottom: 10px;
	border-bottom: ridge;
	min-width: 200px;
    -webkit-text-stroke-width: thin;
    justify-content: center;
}

.widget-body .link-item{
	margin-bottom: 5px !important;
}

.icon-md {
	/* width: 30px; */
	/* height: 30px; */
}

.onboard-spotlight {
	color: var(--secondary) !important;
}

a.onboard-spotlight .link-content:hover {
	color: var(--btn-secondary) !important;
}

.dropdown-notifications .es-icon{
	@extend .icon;
	fill :  white !important;
	stroke:  white !important;
}

/* LIST GRID DESIGN */

.list-filters .form-control, .standard-filter-section .form-control, .standard-filter-section .form-control {
	box-shadow: 0 0 0 1px rgb(0 151 166 / 18%) !important;
	font-size: 15px;
    background-color: #1a365d !important;
}

.list-filters .form-control, .standard-filter-section .form-control, .standard-filter-section .form-control {
	box-shadow: inset 0 0 4px 1px rgb(255 255 255) !important;
	font-size: 15px;
    color: #000000;
    background-color: #d7e9ea !important;
}

.awesomplete .input-with-feedback {
    background-color: #d7e9ea;
    color: var(--text-color);
}

.form-control {
    display: block;
    width: 100%;
    /* height: 28px; */
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--text-color);
    background-color: #d7e9ea;
    background-clip: padding-box;
    border: 1px solid #c7c7c7;
    border-radius: var(--border-radius);
    box-shadow: none;
    transition: none;
}

.frappe-control .control-value {
    overflow-wrap: break-word;
    background-color: #f0f4f4;
}

.grid-heading-row {
    border-bottom: 1px solid var(--table-border-color);
    color: #ffffff;
    background-color: #1a365d;
    font-size: var(--text-sm);
    font-weight: var(--weight-regular);
    letter-spacing: 0.02em;
    height: 32px;
    padding: 0 !important;
    border-top-right-radius: var(--border-radius-md);
    border-top-left-radius: var(--border-radius-md);
}



select.form-control option {
    background-color: #d7e9ea !important;;
}

.list-row-head input.list-check-all {
    background-color: #ffffff !important;
}

.list-row-head .list-row-col span {
    color: #ffffff !important;
}

.list-row-head {
	background-color: #1a365d !important;
}

.level.list-row-head, .level.list-row-head .level-item {
	font-weight:bold;
	/* background-color: var(--gray-300); */
	background-color: #1a365d;
    color: #fff !important;
}

.list-row-container .list-row{
	/* background-color: var(--sidebar-select-color); */
	background-color: #017e8424 !important ;
}

.list-row-container .list-row:hover{
	/* background-color: var(--sidebar-select-color); */
	background-color: #017e8408 !important ;
}


.list-row-head {
    cursor: default;
    background-color: var(--subtle-fg);
    height: 30px;
    margin: .5rem var(--padding-xs);
    border-radius: 10px 10px 1px 1px;
}

.list-row, .list-row-head {
    padding: 15px 0 15px 15px;
    height: 40px;
    cursor: pointer;
    transition: color .2s;
    -webkit-transition: color .2s;
    font-size: var(--text-base);
    font-weight: var(--weight-regular);
    letter-spacing: .02em;
    border-radius: 0px;
}

.list-filters .form-control:focus, .list-filters .form-control:hover,
.standard-filter-section .form-control:focus, .standard-filter-section .form-control:hover {
	box-shadow: 0 0 0 2px rgb(0 151 166) !important;
	background-color: #f3f3f300;
}

.indicator-pill.blue, .indicator-pill-right.blue, .indicator-pill-round.blue {
	background: #1a365d;
    color: #ffffff;
}

.list-row:last-child, .list-row-head:last-child {
    background-color: #017e840f;
    border-bottom: solid 2px #fff;
}

@media (min-width: 992px) {
    [data-page-route=Workspaces] .layout-main {
        height: auto;
		display: flex
		;
			flex-wrap: nowrap;
			margin-left: -15px;
			margin-right: -15px;
			flex-direction: column;
    }
}













@media (min-width: 992px) {
    [data-page-route=Workspaces] .layout-main .desk-sidebar {
        margin-bottom: 0 !important;
    }
}
/*  FORM DESIGN  */
.form-control, .frappe-control .ql-editor:not(.read-mode){
	box-shadow: 0 0 0 1px rgba(124, 124, 124, 0.25) !important;
}

.ace_editor {
	box-shadow: 0 0 0 1px rgba(124, 124, 124, 0.25) !important;
}

.ql-editor:focus, .ace_editor:focus{
	box-shadow: 0 0 0 2px rgba(124, 124, 124, 0.25) !important;
}

.form-control:focus, .form-control:hover{
	/* box-shadow: 0 0 0 1px var(--btn-secondary) !important; */
	box-shadow: 0 0 0 1px #1a365d !important;
}

.form-control:focus {
	background-color: #714b6725;
}

.frappe-control:not([data-fieldtype="MultiSelectPills"]):not([data-fieldtype="Table MultiSelect"]).has-error input:hover,
.frappe-control:not([data-fieldtype="MultiSelectPills"]):not([data-fieldtype="Table MultiSelect"]).has-error input:focus
{
	box-shadow: 0 0 0 2px #eb909180 !important;
}

.frappe-control:not([data-fieldtype="MultiSelectPills"]):not([data-fieldtype="Table MultiSelect"]).has-error input{
	box-shadow: none !important;
}

.frappe-control .control-label.reqd:after {
    content: " ( الزامي )";
    font-size: 10px;
    margin: 0px 10px;
    color:#e03636;
}

.frappe-control[data-fieldtype=Select] .control-input .select-icon, .frappe-control[data-fieldtype=Select].form-group .select-icon {
    padding-right: inherit;
    padding-left: inherit;
    position: absolute;
    pointer-events: none;
    top: 6px;
    font: -webkit-control;
    left: 12px;
}

option {
	 background-color: white !important;
}

.grid-heading-row .filter-row, .awesomplete [role="listbox"] {
	background-color: white !important;
	background-color: white !important;
    border-radius: 14px 5px;
    border-bottom: solid #ff9800 2px;
    border-left: solid #ff9800 2px;
    border-right: solid #1a365d 2px;
    border-top: solid #1a365d 2px;
}

::selection{
	color: #ff9800;
}

.grid-row-open{
	box-shadow: 0 0 0 3px #714b67 !important;
}

.awesomplete [role="option"]:hover,  .awesomplete li:hover{
	background-color: var(--gray-300) !important;
}

input[type="checkbox"]:checked {
	background-color: var(--btn-secondary) !important;
	background-image: url("data:image/svg+xml, <svg viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 4.00001L2.66667 5.80001L7 1.20001' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>"),var(--checkbox-gradient) !important;
}

.datepicker {
	 background-color: var(--bg-color) !important;
}

/* BUTTONS DESIGN */
.btn{
	border-radius: 0.25rem !important;
}

.btn.btn-primary{
	color: var(--text-btn-color);
}

.btn.btn-primary:hover {
	background: #1a365db8 !important;
	border: solid 2px #1a365db8 !important;
	color:white;
}

.for-login .btn-login:hover{
	/* background-color: var(--blue-600) !important; */
	background: linear-gradient(135deg, #f47321, #338f92) !important;
	border: double !important;
    border-width: 1.5px !important;
    border-color: white;
	color: white;
}



.standard-actions .btn.btn-secondary{
	background: #e86674 !important;
        border: solid 2px #e86674 !important;
	color: var(--text-btn-color);
}

.standard-actions .btn.btn-secondary:hover{
	background: var(--btn-default-hover-bg) !important;
    	border: solid 2px var(--secondary) !important;
	color: var(--text-color);
}

.custom-actions .btn.btn-default{
	background: #66bb6a !important;
        border: solid 2px #66bb6a !important;
	color: var(--text-btn-color);
}

.custom-actions .btn.btn-default:hover{
	background: var(--btn-default-hover-bg) !important;
    	border: solid 2px var(--secondary) !important;
	color: var(--text-color);
}

.btn.btn-secondary .es-icon{
	@extend .icon;
	fill :  white !important;
	stroke:  white !important;
}

.btn.btn-default {
    background: #1a365d !important; 
    /* border: solid 1px black !important; */
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
}

.btn.grid-add-row{
	background: var(--btn-default-hover-bg) !important;
    border: solid 1px var(--btn-secondary) !important;
    color: var(--text-color);
}

.btn.btn-new-doc{
	background-color: #1a365db8 !important;
	color: var(--text-btn-color);
	border: solid 2px var(--btn-primary) !important;
}

.btn.btn-new-doc:hover{
	background: #ff9800 !important;
	/* border: solid 2px #1a365db8 !important; */
	color:white;
}

.custom-actions .btn{
	font-size: 12px !important;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle), div#driver-popover-item .driver-popover-footer .btn-group > button:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn, div#driver-popover-item .driver-popover-footer .btn-group > .btn-group:not(:last-child) > button {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.btn-group > .btn:not(:first-child), div#driver-popover-item .driver-popover-footer .btn-group > button:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn, div#driver-popover-item .driver-popover-footer .btn-group > .btn-group:not(:first-child) > button {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

/* POS DESIGN */

.point-of-sale-app section {
	min-height: 40rem !important;
}

.client-wrapper ul {
	padding-left: 22px;
	margin-top: 0;
	margin-bottom:0;
}

.client-wrapper li {
  float: left;
  list-style-type: none;
}

.client-wrapper li a {
	display: inline-block;
	text-decoration: none;
	width: 100%;
	background-color: var(--gray-300) !important;
	color: black;
	text-align: center;
}

.client-wrapper li a.plus-pos, .client-wrapper li a.plus-pos:focus, .client-wrapper li a.plus-pos:hover{
        background-color: var(--gray-400) !important;
}

.client-wrapper li a.minus-pos, .client-wrapper li a.minus-pos:focus, .client-wrapper li a.minus-pos:hover{
	background-color: var(--red-400) !important;
}

.client-wrapper li a:focus,
.client-wrapper li a:hover {
  background-color: var(--gray-400) !important;
  color: black;
}

.client-wrapper li a.active {
  background-color:  white !important;
  color: black;
}

.widget.shortcut-widget-box:hover {
    --icon-stroke: var(--invert-neutral);
    box-shadow: 0px -3px 0px 3px rgb(0 98 108 / 41%);
    width: -webkit-fill-available;
    height: fit-content;
	-webkit-text-stroke-width: thin;
    border-color: white !important;
}

.widget.shortcut-widget-box {
    cursor: pointer;
    padding: 5px 7px;
    /* align-items: flex-start; */
	align-items: center;
}

.widget {
	/* border-radius: 10px; */
	/* border-radius: 6px; */
    border-radius: 20px 0px 0px 20px;
    /* padding-top: 10px !important;
    padding-bottom: 10px !important; */
    flex-direction: row;
    background-color: #1a365d;
}

.widget.shortcut-widget-box .ellipsis {
    /* height: 33px; */
    /* font-family: "Zain", system-ui; */
    color: white;
    font-size: 22px;
	padding: 5px 0px;
}

.widget .widget-head {
    display: flex;
    width: 100%;
    justify-content: space-between;
    /* justify-content: center; */
    align-items: center;
}



.widget.shortcut-widget-box .indicator-pill {
    margin-right: 13px;
    color: #1a365d !important;
    font-size: var(--text-xs);
	padding: 10px;
}

.sty-bord {
	border-radius: 14px 5px;
	border-bottom: solid #ff9800 2px;
	border-left: solid #ff9800 2px;
	border-right: solid #1a365d 2px;
	border-top: solid #1a365d 2px;
	position: absolute;
	left: 0px;
	top: 45px;
	z-index: 1000;
	background-color: white;
}

[data-page-route=Workspaces] .standard-sidebar-item .item-anchor {
    display: flex;
    overflow: hidden;
    padding: 0px;
    flex: 1;
}

.standard-sidebar .standard-sidebar-item .sidebar-item-label, .desk-sidebar .standard-sidebar-item .sidebar-item-label, .search-dialog .search-results .search-sidebar .standard-sidebar-item .sidebar-item-label {
    font-weight: 500;
    font-size: 22px;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	text-align-last: center;
    /* color: darkcyan; */
}

.sidebar-child-item{
position: absolute;
    z-index: 1000;
    background-color: white;
}


/* .navbar {
    display: none;
} */


/* .link-text {
    color: white;
} */


.for-login .page-card .page-card-body .email-field input, .for-login .page-card .page-card-body .password-field input, .for-forgot .page-card .page-card-body .email-field input, .for-forgot .page-card .page-card-body .password-field input, .for-login-with-email-link .page-card .page-card-body .email-field input, .for-login-with-email-link .page-card .page-card-body .password-field input, .for-signup .page-card .page-card-body .email-field input, .for-signup .page-card .page-card-body .password-field input, .for-email-login .page-card .page-card-body .email-field input, .for-email-login .page-card .page-card-body .password-field input {
    padding-right: 35px;
    text-align-last: center;
	text-align: center;
}

html {
    scrollbar-width: thin;
}

[data-page-route=Workspaces] .standard-sidebar-item .sidebar-item-control .dropdown-list {
    top: 42px;
    z-index: 90;
}

[data-page-route=Workspaces] .standard-sidebar-item .sidebar-item-control .drop-icon .es-icon{
    width: 14px;
}


.dropdown-item:hover, .dropdown-item:focus {
    color: #1a365d !important;
    border-bottom: 1.5px solid #ff9800;
    text-decoration: none;
    background-color: #f3f3f33b;
}

.dropdown-item {
    border-radius: 0px;
    padding: var(--dropdown-padding) !important;
}

.menu-item-icon .icon, .es-icon {
    display: inline-block;
    font-size: 0;
    /* width: 20px; */
    /* height: 20px; */
    margin: 0 auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    fill: var(--icon-fill);
    stroke: #ff9800;
}

.report-summary .summary-value.red {
    color: #66bb6a;
}

.dropdown-menu li[data-view="Kanban"] {
    display: none;
}

.bi-eye::before {
    content: "\f341";
    margin-left: 5px;
}


#page-Workspaces .page-body .page-wrapper .page-content .layout-main .sub-layout-main-section-wrapper .layout-main-section-wrapper {
    position: relative;
    max-width: 100%;
    min-width: 100%;
    /* max-width: 26%; */
    padding-left: 15px;
    padding-right: 15px;
}

#page-Workspaces .page-body .page-wrapper .page-content .layout-main .sub-layout-main-section-wrapper .layout-main {
    flex-direction: row;
}



#page-Workspaces .page-body .page-wrapper .page-content .layout-main .sub-layout-main-section-wrapper .osama {
    flex: 0 0 83.33333333%;
    /* max-width: 83.33333333%; */
    flex-grow: 1;
}

#page-Workspaces .page-body .page-wrapper .page-content .layout-main .sub-layout-main-section-wrapper .layout-side-section {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0px;
}

#page-Workspaces .page-body .page-wrapper .page-content .layout-main .sub-layout-main-section-wrapper .sidebar-menu {
    margin-right: 0px !important;
}

.widget .widget-head .widget-label .widget-title {
    display: flex
;
    align-items: center;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 0.015em;
    font-family: inherit;
    line-height: 1.3em;
    color: var(--text-color);
    cursor: default;
}



.widget.shortcut-widget-box .ellipsis {
    /* height: 33px; */
    /* font-family: "Zain", system-ui; */
    color: white;
    font-size: 15px;
    padding: 5px 0px;
}




#page-Workspaces .page-body .page-wrapper .page-content .layout-main .layout-main-section-wrapper {
	position: relative;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

[data-page-route=Workspaces] .codex-editor .codex-editor__redactor .ce-block .ce-block__content .ce-header {
    padding-bottom: 3px;
    padding-top: 3px;
    background-color: #cad0d699;
    padding-right: 7px !important;
    margin-bottom: 0 !important;
    /* border: 2px solid #17a2b8; */
    flex: 1;
    border-radius: 0px;
    /* margin-right: auto; */
}

#page-Workspaces .page-body .page-wrapper .page-content .layout-main .ce-header {
    z-index: 6;
    position: sticky;
    top: var(--navbar-height);
    background: var(--bg-color);
    margin-bottom: 5px;
    transition: 0.5s top;
    top: 38px !important;
}

#page-Workspaces .page-body .page-wrapper .page-content .layout-main .ce-header {
    max-width: 90%;
}

#page-Workspaces .ce-block__content .shortcut-widget-box .widget-control .es-icon {
    display: none;
}

.widget.shortcut-widget-box .indicator-pill {
    margin-right: 0px;
    color: #1a365d !important;
    font-size: 10px !important;
    border-radius: 20px 0px 0px 20px;
    border: 4px solid;
    padding: 17px !important;
}














@media (min-width: 992px) {
    [data-page-route=Workspaces] .layout-main .layout-main-section {
        border: 1px solid var(--border-color);
        padding: 0px;
        margin-bottom: var(--margin-sm);
    }
}

[data-page-route=Workspaces] .codex-editor .codex-editor__redactor {
    display: flex
;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0px -7px;
    padding-bottom: 20px !important;
    justify-content: center;
}

[data-page-route=Workspaces] .codex-editor .codex-editor__redactor .ce-block .ce-block__content .ce-header .h4 {
    font-size: 15px;
    font-weight: var(--weight-semibold);
    letter-spacing: 0.01em;
}

[data-page-route=Workspaces] .codex-editor .codex-editor__redactor .ce-block .ce-block__content {
    max-width: 100%;
    height: 100%;
    padding-bottom: 5px;
}

.widget.shortcut-widget-box .ellipsis {
    /* height: 33px; */
    /* font-family: "Zain", system-ui; */
    color: white;
    font-size: 15px;
    padding: 1px 5px;
}

.widget.shortcut-widget-box {
    cursor: pointer;
    padding: 2px 2px;
    /* align-items: flex-start; */
    align-items: center;
}



[data-page-route=Workspaces] .codex-editor .codex-editor__redactor .ce-block .ce-block__content {
    max-width: 100%;
    height: 100%;
    padding-bottom: 5px;
}

#page-Workspaces .page-body .page-wrapper .page-content .layout-main .sub-layout-main-section-wrapper .app-logo {
    display: none;
}

#page-Workspaces .page-body .page-wrapper .page-content .layout-main .sub-layout-main-section-wrapper .page-title {
    min-width: fit-content;
    max-width: fit-content;
}

#page-Workspaces .page-body .page-wrapper .page-content .layout-main .sub-layout-main-section-wrapper .page-head {
    /* top: var(--navbar-height) !important; */
    top: 38px !important;
}

#page-Workspaces .container, .container-fluid, .container-xl, .container-lg, .container-md, .container-sm {
    width: 100%;
    min-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0px;
    margin-right: 0px;
}

[data-page-route=Workspaces] .codex-editor .codex-editor__redactor .ce-block {
    max-width: 100%;
}

.widget.links-widget-box .link-item {
    display: flex
;
    text-decoration: none;
    font-size: small;
    font-weight: var(--weight-regular);
    letter-spacing: 0.02em;
    color: var(--text-color);
    padding: 4px;
    margin-right: -4px;
    margin-bottom: 0px;
    border-radius: var(--border-radius-md);
    cursor: pointer;
}

[data-page-route=Workspaces] .codex-editor .codex-editor__redactor .ce-block .ce-block__content {
    max-width: 100%;
    min-width: 100%;
    height: 100%;
}

[data-page-route=Workspaces] .codex-editor .codex-editor__redactor {
    display: flex
;
    flex-wrap: wrap;
    overflow-x: scroll;
    flex-direction: row;
    margin: 0px -7px;
    padding-bottom: 20px !important;
    justify-content: center;
    max-width: 100%;
    padding-right: 9px;
}

.widget.links-widget-box .widget-head .widget-label .widget-title{color: var(--primary) !important;/* font-size: 17px; */font-size: 20px;padding-bottom: 10px;border-bottom: ridge;min-width: 150px;-webkit-text-stroke-width: thin;justify-content: center;}

.widget.links-widget-box, .widget.dashboard-widget-box {
    border-top: 1.6px solid #1a365d;
    border-width: 1.3px 0px 0px 0px;
    /* border-radius: 10px; */
    border-radius: 21px 4px;
    background-color: #ffffff00 !important;
}

#page-Workspaces .page-body .page-wrapper .page-content .layout-main .ce-header {
    z-index: 6;
    position: sticky;
    top: var(--navbar-height);
    background: #e5e8eb00;
    margin-bottom: 5px;
    transition: 0.5s top;
    top: 38px !important;
}

.widget.links-widget-box .widget-head .widget-label .widget-title {
    color: var(--primary) !important;
    /* font-size: 17px; */
    font-size: 12px;
    padding-bottom: 10px;
    border-bottom: ridge;
    min-width: 150px;
    -webkit-text-stroke-width: thin;
    justify-content: center;
}

[data-page-route=Workspaces] .codex-editor .codex-editor__redactor .ce-block {
    max-width: 100%;
    min-width: 100%;
}

.standard-sidebar .standard-sidebar-item .sidebar-item-label, .desk-sidebar .standard-sidebar-item .sidebar-item-label, .search-dialog .search-results .search-sidebar .standard-sidebar-item .sidebar-item-label {
    font-weight: 500;
    font-size: 15px;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align-last: center;
    /* color: darkcyan; */
}

.sty-bord {
    border-radius: 14px 5px;
    border-bottom: solid #ff9800 2px;
    border-left: solid #ff9800 2px;
    border-right: solid #1a365d 2px;
    border-top: solid #1a365d 2px;
    position: absolute;
    /* left: -30px; */
    top: 35px;
    z-index: 1000;
    background-color: white;
}


#page-Workspaces .page-body .page-wrapper .page-content .layout-main .sub-layout-main-section-wrapper .layout-main {
    flex-direction: row;
}

#page-Workspaces .page-body .page-wrapper .page-content .layout-main-section-wrapper {
    height: 85vh;
}

#page-Workspaces .page-body .page-wrapper .page-content .layout-main .sub-layout-main-section-wrapper .layout-main-section-wrapper {
    height: 100%;
}

#page-Workspaces .page-body .page-wrapper .page-content .layout-main .sub-layout-main-section-wrapper .layout-main {
    height: 73vh;
}


.form-sidebar .sidebar-menu .form-sidebar-items {
    display: flex
;
    width: 133px;
    padding: 0px 10px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    border-radius: var(--padding-sm);
    background: #fff;
}

.v-img__img--cover{
    display: none;
}

html {
    scrollbar-width: thin;
}
    


.web-footer {
    display: none;
    padding: 3rem 0;
    min-height: 140px;
    background-color: var(--fg-color);
    border-top: 1px solid #e2e2e2;
    margin-top: auto;
}

#page-Workspaces .page-body .page-wrapper .page-content .layout-main .sub-layout-main-section-wrapper .layout-main-section {
    /* height: 72vh; */
}

.erpnext-select-link .awesomplete {
    display: none !important;
}

.erpnext-select-link input {
    appearance: none;
    background-color: white;
    border: 1px solid #d1d8dd;
    border-radius: 4px;
    padding: 5px 10px;
    cursor: pointer;
}


.form-footer {
    display: none !important;
}


.sidebar-child-item img{
    width: 25px !important;
}

.sidebar-child-item .sidebar-item-label{
    font-size: 15px !important;
}

.frappe-list .result .datatable-wrapper .datatable .dt-header{
    max-width: 100vh !important;
}

.frappe-list .result .datatable-wrapper .datatable .dt-scrollable{
    width: 100% !important;
    max-width: 100% !important;
}

.new-timeline .timeline-item {
    font-size: var(--text-base);
    font-weight: var(--weight-regular);
    letter-spacing: 0.02em;
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: var(--timeline-item-left-margin);
    margin-bottom: var(--timeline-item-bottom-margin);
}

#form-tabs {
    flex: auto;
    max-width: 100%;
    width: 990px; /* تحديد عرض التبويبات */
    border-bottom: 2px solid #ddd; /* خط سفلي للتنسيق */
}

.form-tabs-list {
    display: flex;
}

.tree-children {
    padding-right: 48px;
    margin-bottom: 0;
}

.sidebar-child-item .sidebar-item-container {
    margin-right: 7px !important;
    margin-left: 7px !important;
}

.sub-layout-main-section-wrapper .page-title {
    top: 0 !important;
    position: relative !important;
}

.sub-layout-main-section-wrapper .page-head {
	background-color: #e9e3e3 !important;
}


/* تنسيق ازرار التنقل بين التابات */

.nav-btn-os .close-btn-top {
    margin-right: 4px;
}

.nav-btn-os {
    justify-content: right;
    padding: 3px 5px 2px 6px;
    min-width: fit-content;
    margin-left: 4px;
    margin-top: 2px;
    margin-bottom: 2px;
    border-radius: 2px 8px 0px 0px;
    background: #1a365d;
    box-shadow: inset -1px 0px 8px 3px hsl(0deg 0% 0% / 36%);
}

.nav-btn-os .active_sup_btn_top {
    box-shadow: rgb(0 0 0 / 0%) -1px 0px 20px 6px inset;
    background: rgb(250, 250, 250);
}

.top-buttons .active_btn_top {
    box-shadow: rgb(0 0 0 / 0%) -1px 0px 20px 6px inset;
    background: rgb(250, 250, 250);
}



.top-buttons .text-label {
    color: #ffffff;
}

.top-buttons .active_btn_top .text-label {
    color: #000;
}

.top-buttons .active_btn_top a {
    color: #000;
}

.nav-btn-os .ulSitBtn a {
    padding: 0px 10px;
    color: #ffffff;
}

.nav-btn-os a {
    padding: 0px 6px;
    color: #ffffff;
}


.nav-btn-os .active_sup_btn_top a  {
    color: #000;
}

/* التنسيقات الجديده */


.datatable .dt-scrollable .dt-cell__content {
    font-feature-settings: "tnum";
    font-size: 13px;
    font-weight: bolder;
    text-align-last: center;
}

.icon, .es-icon {
    stroke: #ffffff;
}


.custom-actions .btn.btn-default:hover {
    .icon, .es-icon {
        stroke: #000000;
    }
}

.page-head .standard-actions .btn-default.icon-btn {
    background: #ffffffd9 !important;
    font-size: 12px;
    font-weight: 400;
    color: var(--text-color);
}

.layout-main-section-wrapper .page-form .filter-section .btn-default{
    background: #ffffffd9 !important;
    font-size: 12px;
    font-weight: 400;
    color: var(--text-color);
}

.layout-side-section .btn.btn-default {
    background: #ffffffd9 !important;
    /* border: solid 1px black !important; */
    font-size: 12px;
    font-weight: 400;
    color: var(--text-color);
}

.layout-side-section .icon, .es-icon {
    stroke: #000000;
}

.print-preview-sidebar {
    background: rgba(0, 152, 166, 0) !important;
}

.print-preview-sidebar .control-label {
    margin: 0px 14px;
}

[data-page-route=Workspaces] .standard-sidebar-item .sidebar-item-control .drop-icon .es-icon{
    width: 14px;
}

.tree-children {
    padding-right: 48px;
    margin-bottom: 0;
}

.checkbox .label-area {
    font-size: 11px;
}

.form-control, .frappe-control .ql-editor:not(.read-mode) {
    font-size: 12px;
}

.frappe-control[data-fieldtype=Select].form-group .select-icon.xs {
    top: 6px;
    left: 3px;
}

.selectable-item strong {
    font-size: 11px;
}

.multiselect-list li.text-muted {
    font-size: 11px;
}



.awesomplete > [role=listbox] > li strong {
    font-size: 11px;
}

.notifications-seen .es-icon.icon-sm {
    fill: white !important;
    stroke: #000000 !important;
}

.sty-bord .sty-bord {
    display: none;
}

.page-form .filter-selector .btn-group {
    direction: ltr;
}

.page-form .sort-selector .btn-group {
    direction: ltr;
}

.list-paging-area .btn-group {
    direction: ltr;
}

.frappe-list .ellipsis {
    text-align-last: center;
}

.frappe-control .link-btn {
    top: -3px;
    left: 3px;
}

form .grid-heading-row .grid-static-col .static-area {
    color: #ffffff;
}

form .grid-heading-row .row-check.sortable-handle .grid-row-check {
    background: #fff;
}

/* Child table column alignment — scoped to cells only (not .form-grid width) */
form .grid-field .form-grid .grid-static-col {
    text-align-last: center;
}

.form-tabs-list .form-tabs .nav-item .nav-link {
    font-size: 14px;
}

.menu-btn-group .menu-item-label, .custom-btn-group .menu-item-label, .page-icon-group .menu-item-label {
    margin-left: var(--margin-md);
    font-size: 13px;
}

.dropdown-menu a {
    font-size: 13px;
}

.grid-footer .btn {
    font-size: 12px;
}

.form-group {
    margin-bottom: 0;
}

.form-section .section-head {
    margin-bottom: 0;
    color: #1a365d;
}

.btn.grid-add-row {
    background: #1a365d !important;
    border: solid 1px #1a365d !important;
    color: #fff;
}

.widget.shortcut-widget-box .ellipsis {
    font-size: 12px;
}

#page-Workspaces .page-body .page-wrapper .page-content .layout-main .layout-main-section-wrapper {
    max-width: 15%;
}

.nav-btn-os a {
    font-size: 10px;
    padding: 0px 4px;
}

.nav-btn-os {
    padding: 0px 0px 0px 07px;
    font-family: 'InterVariable';
}

.nav-btn-os svg {
    width: 8px !important;
    height: 7px !important;
}

.navbar .nav-item {
    font-size: 11px;
}

.avatar-medium .standard-image {
    font-size: 11px;
    font-weight: 400;
}

.avatar-medium {
    width: 23px;
    height: 23px;
}

.notifications-seen .icon-sm {
    width: 14px;
    height: 14px;
}

.page-head .page-head-content {
    height: auto !important;
    min-height: 39px;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    overflow: visible !important;
}

.page-head .page-head-content .tab-buttons,
.page-head .page-head-content .form-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
}
.page-head .page-head-content .tab-buttons::-webkit-scrollbar,
.page-head .page-head-content .form-tabs::-webkit-scrollbar {
    display: none !important;
}

.page-title {
    top: 0 !important;
    position: relative !important;
    margin-bottom: 5px;
}

.sub-layout-main-section-wrapper .page-head .page-head-content {
    height: auto !important;
    min-height: var(--page-head-height);
    overflow: visible !important;
}

#navbar-breadcrumbs {
    margin-right: var(--margin-md);
    font-size: 12px;
}

.frappe-control {
    font-size: 12px;
}

.grid-row > .row .col {
    font-size: 12px;
}

.sub-layout-main-section-wrapper .page-head-conten .standard-actions {
    font-size: 12px;
}

.sub-layout-main-section-wrapper .page-head-conten .standard-actions .primary-action span {
    font-size: 12px;
}

.sub-layout-main-section-wrapper .page-head-conten .standard-actions .icon-sm {
    width: 13px;
    height: 16px;
}

.nav-btn-os {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.nav-btn-os a {
    margin-top: auto;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    font-size: 12px;
}

.widget.shortcut-widget-box .indicator-pill {
    padding: 12px !important;
}

/*  */

.list-filters .form-control, .standard-filter-section .form-control, .standard-filter-section .form-control {
    box-shadow: inset 0 0 18px 1px rgb(0 0 0 / 11%) !important;
    background-color: #00000000 !important;
    border-radius: 4px;
    border-color: #0095a43d;
}

.list-filters .form-control:focus, .list-filters .form-control:hover, .standard-filter-section .form-control:focus, .standard-filter-section .form-control:hover {
    box-shadow: 0 0 0 1px rgb(177 177 177) !important;
    background-color: #f3f3f300;
}



/* نهايت التنسيقات */

/* start dialog */

@keyframes dialog-fade-in {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}

.print-dialog-content .page-head .sidebar-toggle-btn {
    display: block;
}

.print-dialog-content .page-container {
    min-width: 0;
}

.print-dialog-content .osama {
    max-width: 100%;
    flex: 0 0 80%;
    flex-grow: 1;
}

.print-dialog-content .print-preview-wrapper {
    padding: 0px 0;
    overflow-y: scroll;
    max-height: 90vh;
}

.print-dialog-content .layout-side-section {
    max-width: 20%;
}

.print-dialog-content {
    display: grid;
    grid-template-columns: 70% 30%;
    grid-template-rows: auto 1fr auto;
    height: 80vh;
}

.print-dialog-content .page-head {
    grid-column: 1 / span 2;
    padding: 16px 20px;
    background-color: #f8f9fa;
}

.print-dialog-content .page-head-content {
    align-content: center;
}

.print-dialog-content .page-head-content .page-actions {
    position: static;
}

.print-dialog-content .page-head-content .page-title {
    position: static;
}

.print-dialog-content .page-head .page-head-content {
    
}

.print-dialog-content .layout-side-section {
    padding: 15px;
    background-color: #f5f7fa;
    border-left: 1px solid #eee;
    overflow-y: auto;
}

/* end dialog */


/* النهايه */

/* القواعد المشتركة لجميع الأجهزة الصغيرة */
@media (max-width: 991px) {
    
    #page-Workspaces .page-body .page-wrapper .page-content .layout-main .overlay-sidebar-body {
        margin-top: 42px !important;
        position: fixed;
        background: var(--fg-color);
        top: 0;
        right: 0;
        transform: translateX(110%);
        z-index: 7;
        box-shadow: var(--shadow-base);
        height: 100%;
        width: 100%;
        max-width: 100%;
        display: block !important;
        transition: transform 200ms ease-in-out;
        padding: var(--padding-md);
    }

    
    .main-side .sidebar-item-icon img{
        width: 23px !important;
        margin-left: 0px !important;
    }
    .main-side .sidebar-item-label{
        font-size: 12px !important;
    }
    .main-side .drop-icon svg {
        width: 13px !important;
    }
    
    
    img {
        max-width: max-content !important;
        height: auto;
    }
    .layout-side-section {
        padding-left: 0px !important;
    }
    .sub-layout-main-section-wrapper {
        max-width: 100% !important;
        width: 100% !important;
    }

    #page-Workspaces .page-body .page-wrapper .page-content .layout-main .sub-layout-main-section-wrapper .layout-main-section-wrapper {
        height: 100% !important;
    }

    #page-Workspaces .page-body .page-wrapper .page-content .layout-main .sub-layout-main-section-wrapper .osama {
        flex: auto !important;
        max-width: 100% !important;
        flex-grow: 1 !important;
        height: fit-content !important;
    }

    .form-tabs-sticky-down {
        top: 23px;
    }

    .form-tab-content {
        padding-top: 14px;
    }

    .std-form-layout > .form-layout > .form-page {
        justify-items: anchor-center;
    }

    #page-Workspaces .page-body .page-wrapper .page-content .layout-main .sub-layout-main-section-wrapper .layout-main {
        height: 100% !important;
    }

    .sub-layout-main-section-wrapper .top-buttons {
        margin-top: 0px !important;
    }

    [data-page-route=Workspaces] .layout-main .layout-side-section, [data-page-route=Workspaces] .layout-main .layout-main-section-wrapper {
        height: auto !important;
    }

    .sub-layout-main-section-wrapper .page-container {
        max-width: 100% !important;
        width: 100% !important;
    }

    #form-tabs {
        width: 100% !important;
        justify-content: center;
    }

    

    .datatable {
        max-width:100%;
        width: 100%;
        overflow-y: scroll;
    }

    .layout-main-section .frappe-list, .layout-main-section .report-wrapper {
        text-align-last: center;
        /* place-self: anchor-center; */
    }

    .sub-layout-main-section-wrapper .top-buttons {
        position: sticky;
        top: 42px;
        z-index: 5;
    }

    #page-Workspaces .page-body .page-wrapper .page-content .layout-main .sub-layout-main-section-wrapper .page-head {
        position: sticky;
        top: 85px !important;
    }

    .datatable .dt-scrollable {
        max-height: calc(100vh - 250px);
        min-height: 100px;
        max-width: 100%;
        width: 100%;
    }


    /* Grid scroll handled in responsive/tables.css */

    a.grey, .sidebar-section a, .control-value a, .data-row a {
        max-width: 200px !important;
    }


    .sub-layout-main-section-wrapper .form-sidebar  {
        position: fixed !important;
        top: 0px !important;
        background: #008c9a !important;
        margin-top: 125px !important;
        
    }

    .dropdown-menu.show {
        transform: translate3d(6px, 33px, 0px) !important;
    }

    #page-Workspaces .page-body .page-wrapper .page-content .layout-main .sub-layout-main-section-wrapper .layout-side-section.print-preview-sidebar {
        height: 100vh !important;
        width: 61%;
        max-width: 100%;
        position: fixed;
        right: 0;
        top: 121px;
        padding: 10px;
        background: white;
    }

    .page-head {
        z-index: 5 !important;
        /* width: 100%; */
        /* position: fixed; */
    }

    .top-buttons a {
        font-size: 9px !important;
    }

    .nav-btn-os a {
        padding: 0px 2px !important;
    }

    .top-buttons .text-label {
        font-size: 9px !important;
        display: none;
    }

    .top-buttons .icon-sm {
        width: 12px !important;
        height: 11px !important;
    }

    .sidebar_toggle_btn_os {
        display: block !important;
    }

    .main-side .overlay-sidebar {
        margin: 0px !important;
        position: static !important;
        transform: translateX(0%) !important;
        top: 0;
        z-index: 9999;
        box-shadow: var(--shadow-base);
        height: 100%;
        width: 100% !important;
        display: block !important;
        transition: transform 200ms ease-in-out;
        padding: 0px 5px;
    }

    .desk-sidebar .standard-sidebar-section:last-of-type {
        margin-bottom: var(--margin-sm);
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
        flex-flow: wrap;
        width: 100% !important;
        background: white;
        overflow-y: scroll;
        scrollbar-width: none;
    }
    [data-page-route=Workspaces] .layout-main .main-side {
        width: 100% !important;
    }
    .system-name {
        display: none !important;
    }

    
    
    #page-Workspaces .page-body .page-wrapper .page-content .layout-main .close-sidebar {
        /* height: 100vh; */
        /* width: 100vh; */
        /* position: fixed; */
        /* top: 10px; */
        /* background: #00000040; */
    }

    .sub-layout-main-section-wrapper .layout-side-section .overlay-sidebar {
        transform: translateX(-260%);
    }

    .layout-side-section .overlay-sidebar.opened {
        transform: translateX(-150%);
        overflow-y: auto;
        margin-top: 125px !important;
    }

    .nav-btn-os {
        padding: 0px 0px 0px 2px !important;
    }

    .form-tabs-list {
        z-index: 1;
        width: 100%;
    }

    .new-timeline .activity-title .show-all-activity, .new-timeline .activity-title .timeline-item, .new-timeline .timeline-actions .show-all-activity, .new-timeline .timeline-actions .timeline-item {
        margin-bottom: 0;
        margin-right: 0px;
        padding: 0px !important;
    }

    .new-timeline .timeline-item .timeline-content {
        margin-right: 0px;
    }

    .new-timeline .activity-title {
        padding-right: 18px;
    }

    .new-timeline .activity-title .show-all-activity, .new-timeline .activity-title .timeline-item, .new-timeline .timeline-actions .show-all-activity, .new-timeline .timeline-actions .timeline-item {
        margin-bottom: 0;
        margin-right: 0px;
    }

    .new-timeline {
        padding-right: 0px !important;
    }

    .row.layout-main {
        display: block;
        margin-left: 0px;
        margin-right: 0px;
    }

    .row.layout-main .sub-layout-main-section-wrapper .row.layout-main {
        display: flex;
        flex-wrap: wrap;
        margin-left: -15px;
        margin-right: -15px;
    }

    .page-head-content .page-title{
        max-width: 50% !important;
    }
}

/* الهواتف الصغيرة جدًا (أقل من 375px) */
@media (max-width: 374px) {
    #page-Workspaces .page-body .page-wrapper .page-content .layout-main .overlay-sidebar-body.opened {
        transform: translateX(0);
        padding-top: 0% !important;
        margin-top: 0% !important;
        position: fixed;
        top: 25%;
        height: 75% !important;
        overflow-y: auto;
        max-height: 93%;
    }

    .sty-bord {
        position: fixed;
        left: 0px;
        top: 100% !important;
        width: 100%;
    }

    header.navbar-expand {
        width: 85% !important;
        right: 15% !important;
    }

    /* removed: width:100% on .data-row — caused grid to spill over Add Row button */

    .lay_sid_pare{
        position: fixed;
        height: 20%;
        top: 6.5%;
        right: 0px;
    }
}

/* الهواتف الصغيرة (375px - 424px) */
@media (min-width: 375px) and (max-width: 424px) {
    #page-Workspaces .page-body .page-wrapper .page-content .layout-main .overlay-sidebar-body.opened {
        transform: translateX(0);
        padding-top: 0% !important;
        margin-top: 0% !important;
        position: fixed;
        top: 25%;
        height: 75% !important;
        overflow-y: auto;
        max-height: 93%;
    }

    .sty-bord {
        position: fixed;
        left: 0px;
        top: 100% !important;
        width: 100%;
    }

    header.navbar-expand {
        width: 85% !important;
        right: 15% !important;
    }

    .lay_sid_pare{
        position: fixed;
        height: 20%;
        top: 6%;
        right: 0px;
    }
}

/* الهواتف المتوسطة (425px - 599px) */
@media (min-width: 425px) and (max-width: 599px) {
    #page-Workspaces .page-body .page-wrapper .page-content .layout-main .overlay-sidebar-body.opened {
        transform: translateX(0);
        padding-top: 0% !important;
        margin-top: 0% !important;
        position: fixed;
        top: 25%;
        height: 75% !important;
        overflow-y: auto;
        max-height: 93%;
    }

    .sty-bord {
        position: fixed;
        left: 0px;
        top: 100% !important;
        width: 100%;
    }

    header.navbar-expand {
        width: 85% !important;
        right: 15% !important;
    }

    .lay_sid_pare{
        position: fixed;
        height: 20%;
        top: 6.5%;
        right: 0px;
    }
}

/* الأجهزة اللوحية الصغيرة (600px - 767px) */
@media (min-width: 600px) and (max-width: 767px) {
    #page-Workspaces .page-body .page-wrapper .page-content .layout-main .overlay-sidebar-body.opened {
        transform: translateX(0);
        padding-top: 0% !important;
        margin-top: 0% !important;
        position: fixed;
        top: 19.5%;
        height: 80.5% !important;
        overflow-y: auto;
        max-height: 93%;
    }

    .sty-bord {
        position: fixed;
        left: 0px;
        top: 100% !important;
        width: 100%;
    }

    header.navbar-expand {
        width: 83% !important;
        right: 17% !important;
    }

    .lay_sid_pare{
        position: fixed;
        height: 13%;
        top: 6.5%;
        right: 0px;
    }
}

/* الأجهزة اللوحية الكبيرة (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    #page-Workspaces .page-body .page-wrapper .page-content .layout-main .overlay-sidebar-body.opened {
        transform: translateX(0);
        padding-top: 0% !important;
        margin-top: 0% !important;
        position: fixed;
        top: 19%;
        height: 81% !important;
        overflow-y: auto;
        max-height: 93%;
    }

    .sty-bord {
        position: fixed;
        left: 0px;
        top: 100% !important;
        width: 100%;
    }

    header.navbar-expand {
        width: 85% !important;
        right: 15% !important;
    }

    .lay_sid_pare{
        position: fixed;
        height: 13%;
        top: 6.5%;
        right: 0px;
    }
}

.form-footer .scroll-to-top {
    position: fixed;
    height: 28px;
    left: 13px;
    bottom: 11px;
}

/* Responsive overrides: apps/asas/asas/public/css/responsive/ (loaded via hooks.py) */

/* ========== Top-buttons Overflow & Dropdown ========== */
#page-Workspaces .layout-main .top-buttons {
	flex-wrap: nowrap !important;
	align-items: center;
	gap: 1px;
	position: relative;
	min-height: 24px;
}

.more-btn-2-container {
	position: relative;
	flex-shrink: 0;
	margin-left: auto;
}

.more-btn-2,
.close-all-btn {

    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0px 20px !important;
    border-radius: 43px !important;
    border: 1px solid #b1b3b7 !important;
    background: transparent !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    font-family: 'Tajawal', sans-serif;
    cursor: pointer;
    transition: all 0.3s ease;

}
.more-btn-2:hover,
.close-all-btn:hover {
	background: rgba(255,255,255,0.08);
	border-color: #ffffff;
}

.more-dropdown {
	display: none;
	position: absolute;
	right: 0;
	top: 100%;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.15);
	z-index: 9999;
	min-width: 140px;
	max-height: 250px;
	overflow-y: auto;
	padding: 3px;
	margin-top: 2px;
	direction: rtl;
	text-align: right;
}
.more-dropdown.open {
	display: block;
}

.more-dropdown-item {
	padding: 5px 8px;
	cursor: pointer;
	font-size: 10px;
	color: #1a365d;
	border-radius: 3px;
	transition: background 0.15s;
	white-space: nowrap;
}
.more-dropdown-item:hover {
	background: #f0f4f8;
}

.close-all-btn {
	flex-shrink: 0;
	margin-left: 3px;
}