:root {
	/* .row .col */
	--col-space-xs: var(--col-space, 1rem);
	--col-space-sm: var(--col-space-xs);
	--col-space-md: var(--col-space-sm);
	--col-space-lg: var(--col-space-md);
	--col-space-xl: var(--col-space-lg);
	--col-space-xxl: var(--col-space-xl);
	--col-space-900p: var(--col-space-xxl);
	--col-space-fhd: var(--col-space-900p);
	--col-space-1440p: var(--col-space-fhd);

	/* .form-row .col */
	--fcol-space-xs: var(--fcol-space, .25rem);
	--fcol-space-sm: var(--fcol-space-xs);
	--fcol-space-md: var(--fcol-space-sm);
	--fcol-space-lg: var(--fcol-space-md);
	--fcol-space-xl: var(--fcol-space-lg);
	--fcol-space-xxl: var(--fcol-space-xl);
	--fcol-space-900p: var(--fcol-space-xxl);
	--fcol-space-fhd: var(--fcol-space-900p);
	--fcol-space-1440p: var(--fcol-space-fhd);
}

/* xs */
@media (min-width: 1px) {

	/* change row margins */
	.row { margin-inline: calc(-1 * var(--col-space-xs)); }
	.form-row { margin-inline: calc(-1 * var(--fcol-space-xs)); }

	/* change col spacing */
	.row >.col, .row >[class*=col-] { padding-inline: var(--col-space-xs); }
	.form-row >.col, .form-row >[class*=col-] { padding-inline: var(--fcol-space-xs); }

	/* change tabs margin */
	.card.card-tabs >.card-header .row >.col >ul.ui-tabs-nav { margin-inline: calc(-1 * var(--col-space-xs)); }
	.card.card-tabs >.card-header .form-row >.col >ul.ui-tabs-nav { margin-inline: calc(-1 * var(--fcol-space-xs)); }

}

/* <sm */
@media (max-width: 575px) {
	.modal.show .modal-dialog.card { margin-bottom: 8rem; } /* make room for bottom menu */
}

/* sm */
@media (min-width: 576px) {

	/* change row margins */
	.row { margin-inline: calc(-1 * var(--col-space-sm)); }
	.form-row { margin-inline: calc(-1 * var(--fcol-space-sm)); }

	/* change col spacing */
	.row >.col, .row >[class*=col-] { padding-inline: var(--col-space-sm); }
	.form-row >.col, .form-row >[class*=col-] { padding-inline: var(--fcol-space-sm); }

	/* change tabs margin */
	.card.card-tabs >.card-header .row >.col >ul.ui-tabs-nav { margin-inline: calc(-1 * var(--col-space-sm)); }
	.card.card-tabs >.card-header .form-row >.col >ul.ui-tabs-nav { margin-inline: calc(-1 * var(--fcol-space-sm)); }

}

/* md */
@media (min-width: 768px) {

	/* change row margins */
	.row { margin-inline: calc(-1 * var(--col-space-md)); }
	.form-row { margin-inline: calc(-1 * var(--fcol-space-md)); }

	/* change col spacing */
	.row >.col, .row >[class*=col-] { padding-inline: var(--col-space-md); }
	.form-row >.col, .form-row >[class*=col-] { padding-inline: var(--fcol-space-md); }

	/* change tabs margin */
	.card.card-tabs >.card-header .row >.col >ul.ui-tabs-nav { margin-inline: calc(-1 * var(--col-space-md)); }
	.card.card-tabs >.card-header .form-row >.col >ul.ui-tabs-nav { margin-inline: calc(-1 * var(--fcol-space-md)); }

}

/* lg */
@media (min-width: 992px) {

	/* change row margins */
	.row { margin-inline: calc(-1 * var(--col-space-lg)); }
	.form-row { margin-inline: calc(-1 * var(--fcol-space-lg)); }

	/* change col spacing */
	.row >.col, .row >[class*=col-] { padding-inline: var(--col-space-lg); }
	.form-row >.col, .form-row >[class*=col-] { padding-inline: var(--fcol-space-lg); }

	/* change tabs margin */
	.card.card-tabs >.card-header .row >.col >ul.ui-tabs-nav { margin-inline: calc(-1 * var(--col-space-lg)); }
	.card.card-tabs >.card-header .form-row >.col >ul.ui-tabs-nav { margin-inline: calc(-1 * var(--fcol-space-lg)); }

}

/* xl */
@media (min-width: 1200px) {

	/* change row margins */
	.row { margin-inline: calc(-1 * var(--col-space-xl)); }
	.form-row { margin-inline: calc(-1 * var(--fcol-space-xl)); }

	/* change col spacing */
	.row >.col, .row >[class*=col-] { padding-inline: var(--col-space-xl); }
	.form-row >.col, .form-row >[class*=col-] { padding-inline: var(--fcol-space-xl); }

	/* change tabs margin */
	.card.card-tabs >.card-header .row >.col >ul.ui-tabs-nav { margin-inline: calc(-1 * var(--col-space-xl)); }
	.card.card-tabs >.card-header .form-row >.col >ul.ui-tabs-nav { margin-inline: calc(-1 * var(--fcol-space-xl)); }

}

/* xxl */
@media (min-width: 1440px) {

	/* change row margins */
	.row { margin-inline: calc(-1 * var(--col-space-xxl)); }
	.form-row { margin-inline: calc(-1 * var(--fcol-space-xxl)); }

	/* change col spacing */
	.row >.col, .row >[class*=col-] { padding-inline: var(--col-space-xxl); }
	.form-row >.col, .form-row >[class*=col-] { padding-inline: var(--fcol-space-xxl); }

	/* change tabs margin */
	.card.card-tabs >.card-header .row >.col >ul.ui-tabs-nav { margin-inline: calc(-1 * var(--col-space-xxl)); }
	.card.card-tabs >.card-header .form-row >.col >ul.ui-tabs-nav { margin-inline: calc(-1 * var(--fcol-space-xxl)); }

}

/* 900p */
@media screen and (min-width: 1600px) {

	/* change row margins */
	.row { margin-inline: calc(-1 * var(--col-space-900p)); }
	.form-row { margin-inline: calc(-1 * var(--fcol-space-900p)); }

	/* change col spacing */
	.row >.col, .row >[class*=col-] { padding-inline: var(--col-space-900p); }
	.form-row >.col, .form-row >[class*=col-] { padding-inline: var(--fcol-space-900p); }

	/* change tabs margin */
	.card.card-tabs >.card-header .row >.col >ul.ui-tabs-nav { margin-inline: calc(-1 * var(--col-space-900p)); }
	.card.card-tabs >.card-header .form-row >.col >ul.ui-tabs-nav { margin-inline: calc(-1 * var(--fcol-space-900p)); }

}

/* fhd */
@media screen and (min-width: 1920px) {

	/* change row margins */
	.row { margin-inline: calc(-1 * var(--col-space-fhd)); }
	.form-row { margin-inline: calc(-1 * var(--fcol-space-fhd)); }

	/* change col spacing */
	.row >.col, .row >[class*=col-] { padding-inline: var(--col-space-fhd); }
	.form-row >.col, .form-row >[class*=col-] { padding-inline: var(--fcol-space-fhd); }

	/* change tabs margin */
	.card.card-tabs >.card-header .row >.col >ul.ui-tabs-nav { margin-inline: calc(-1 * var(--col-space-fhd)); }
	.card.card-tabs >.card-header .form-row >.col >ul.ui-tabs-nav { margin-inline: calc(-1 * var(--fcol-space-fhd)); }

}

/* 1440p */
@media screen and (min-width: 2560px) {

	/* change row margins */
	.row { margin-inline: calc(-1 * var(--col-space-1440p)); }
	.form-row { margin-inline: calc(-1 * var(--fcol-space-1440p)); }

	/* change col spacing */
	.row >.col, .row >[class*=col-] { padding-inline: var(--col-space-1440p); }
	.form-row >.col, .form-row >[class*=col-] { padding-inline: var(--fcol-space-1440p); }

	/* change tabs margin */
	.card.card-tabs >.card-header .row >.col >ul.ui-tabs-nav { margin-inline: calc(-1 * var(--col-space-1440p)); }
	.card.card-tabs >.card-header .form-row >.col >ul.ui-tabs-nav { margin-inline: calc(-1 * var(--fcol-space-1440p)); }

}


@media  screen and ((max-width: 480px ) or ((max-width: 991px) and (orientation: landscape ) and (max-height: 500px))) {
	/* .doc_dropdown_min_width.sm-6:not(.inner){min-width: clamp(10rem, 50%, 50vw) !important;}
	.doc_dropdown_min_width.sm-6:not(.inner):lang(he) {min-width: clamp(10rem, 50%, 50vw) !important;} */
	

}

@media screen and (max-width: 400px) {
	body:not(.sidebar-mini) .sidebar #sidebar-menu .sidebar-menu-item:not(:hover) .sidebar-menu-item-new, 
	body:not(.sidebar-mini) .sidebar #sidebar-menu .sidebar-menu-item:not(.sidebar-show-collapse-toggle):not(.sidebar-divider):not(:hover) .sidebar-collapse-toggle
	{
		display:block;
	}

	.sidebar .sidebar-wrapper, .off-canvas-sidebar .sidebar-wrapper {
		height: calc(100vh - 150px);
	}
}

@media screen and (min-width:992px){
	#sidebar-menu #sidebar-item-docs-dropdown .dropdown-menu,#sidebar-menu #sidebar-item-sign-dropdown .dropdown-menu{
		min-width: clamp("38rem", 100%, 90vw)!important; 
	}

	html[dir="rtl"] #sidebar-menu #sidebar-item-docs-dropdown .dropdown-menu{
		min-width: clamp("32rem", 100%, 90vw)!important; 
	}

	html[dir="rtl"] #sidebar-menu #sidebar-item-sign-dropdown .dropdown-menu{
		min-width: clamp("32rem", 100%, 90vw)!important; 
	}
}
@media screen and (max-width:991px){ 
	#sidebar-menu #sidebar-item-docs-dropdown .dropdown-menu,#sidebar-menu #sidebar-item-sign-dropdown .dropdown-menu{
		min-width: unset!important;
		max-width: 300px;
		width: max-content!important;
	}
}