body {
	/*font-family: Arial !important;*/
}
label {
	display: inline-block;
	margin-bottom: .5rem
}

.label-en {
	display: inline-block;
	font-weight: 500;
	text-transform: capitalize
}

.label-ar {
	display: none
}

.langar {
	display: block;
}

.langen {
	display: none;
}

table.trans-assets-table tr.active td {
	background: #3a7afe;
	color: #fff
}

.header-section {
	width: 100%;
	height: 325px;
	padding: 5px;
	border-bottom: 1px solid gray;
}

.logo-img-rpt {
	top: 45px;
	width: 240px;
	height: 185px;
}

.report-headr-color {
	background-color: #5499C7;
	color: white;
	border: 1px solid gray;
}

.position-ops   {
	text-align:right
}

.position-reg {
	text-align: left
}



.offcanvass {
	left: 0;
	border-radius: 0px;
	float: left;
}

.iconopen {
	left: 8px;
}

	.iconopen:before {
		left: 0;
		content: "\f060";
	}

.overlay3 {
	left: 8px;
}

	.overlay3:before {
		left: 0;
		content: "\f061";
	}

.menu-container {
	float: right;
}

.MyClass .logo img {
	position: relative;
	left: -70px;
}

.offcanvass ul li {
	text-align: left;
}

	.offcanvass ul li a i {
		right: auto;
		left: 0;
	}

.MyClass ul li a i {
	left: auto;
	right: 4px;
}

.MyClass ul li a span {
	left: 42px;
}

.loginright {
	left: 0;
}

.loginform {
	left: 50%;
	display: flex;
  justify-content: center;
}

.logintitle {
	right: 5vw;
}

.signapp {
/*

left: 5vw;
*/	
}

	.signapp a {
		float: right;
	}

li.searchcase div div {
	right: 0;
}

.menu > ul > li {
	float: right;
	margin: 0 8px 0 0;
}

#searchzone {
	text-align: left;
}

.gridmenu ul li a {
	padding: 10px 0 10px 50px !important;
}

	.gridmenu ul li a i {
		left: 7px;
	}

.allmessages a {
	float: right !important;
}


[dir="ltr"] .tree-nav a {
	left: 0;
	padding-right: 0;
	padding-left: 36px
}

.copyrighttext {
	float: left;
}

.folders:before {
	margin-right: 5px;
}

.tree-nav.default {
	border-radius: 0px;
}

.tree-side.default {
	border-radius: 0px;
}

.folder {
	right: 0;
}

	.folder.open::after {
		right: 0;
	}

.tree-side li ul li a:before {
	margin-left: -5px;
}

.tree-side li ul li {
	border-left: 1px dotted var(--color);
	margin-left: 12px;
}

.tree-side ul.sub-items a {
	padding-left: 30px;
}

.BrancheTree ul li button {
	text-align:left
}



.BrancheTree li span.content-col {
	padding: 0 0 0 20px
}


.BrancheTree_EMP ul li button {
	text-align: left
}

.BrancheTree_EMP li span.content-col_EMP {
	padding: 0 0 0 20px
}

.ManagementTree ul li button {
	text-align: left
}

.ManagementTree li span.content-colManagement {
	padding: 0 0 0 20px
}




.oppside {
	text-align: right;
}

.float-opps {
	float: right;
}

.icon-dash {
	right: 20px;
}

.total-dash span {
	padding: 0 30px 0 15px;
}

	.total-dash span::before {
		right: 8px;
	}

.head-content {
	padding-right: 50px;
}

button.plus.btn-light {
	right: 15px;
}

.trans-from  {
	padding-right:50px
}

.trans-to {
	padding-left: 50px
}


	.trans-assets-table tr td.active {
		background: #278fc3;
		color: #fff;
	}

.ui-autocomplete-input   {
	min-height:41px
}

.profilemenu {
	float: right !important;
	width: 100% !important;
     border-radius:5px;
	top: 0 !important;
	overflow-y: auto;
	position: relative !important;
	display: inline-block !important;
	background: #fff !important;
	box-shadow: 0 3px 20px rgb(0 0 0 / 4%);
}

	.profilemenu ul {
		float: right !important;
		width: 100% !important;
		min-height: 156px;
		padding: 0 !important;
		margin: 0;
		box-shadow: 0 3px 20px rgb(0 0 0 / 4%);
	}

		.profilemenu ul li {
			float: right !important;
			width: 100% !important;
			list-style: none; position:relative;
			padding: 0 !important;
			border-bottom: 1px #ddd solid;
			margin: 0 0 5px !important;
		}

		.profilemenu ul li:last-child {

			border-bottom: none;

		}

			.profilemenu ul li a {
				float: right;
				height: auto !important;
				width: 100%; padding:8px 55px !important;
				background: none !important;
				line-height: 18px !important;
				position: relative;
				border-radius: 0 !important;
			}

			.profilemenu ul li.profile {
				padding-top:8px !important;
				padding-left:55px !important
			}

				.profilemenu ul li a:hover {
					background: #fff !important;
				}

				.profilemenu ul li i {
					position: absolute;
					top: 7px; text-align:center; width:32px; height:32px; line-height:32px;
					right: 7px; font-size:19px !important;
					color: #7a7d82;
					line-height: 24px !important;
					text-align: center;
				}

			.profilemenu ul li i {
				position: absolute;
				top: 7px;
				text-align: center;
				width: 32px;
				height: 32px;
				line-height: 32px;
				left: 7px;
				font-size: 19px !important;
				color: #7a7d82;
				line-height: 24px !important;
				text-align: center;
			}

			.profilemenu ul li h4 {
				display:inline-block; width:100%; font-size:15px; margin-bottom:5px;
			}

[dir="ltr"] .profilemenu ul li h4.label-ar {
display:none
}

			.profilemenu ul li h6 {
				display: inline-block;
				width: 100%; color:#999;
				font-size: 14px;
			}

[dir="ltr"] .profilemenu ul li h6.label-ar {
	display: none
}

				.profilemenu ul li .profimg {
					position: absolute;
					top: 12px; margin:0;
					left: 7px; background:#f3f3f3;
					width:32px; height:32px; border-radius:50%; overflow:hidden;
				}

					.profilemenu ul li .profimg:before {
						z-index: 0;
						font-family: "29LT BukraMd" !important;
						content: "\f007";
						position: absolute;
						left: 50%;
						color: #999;
						font-size: 16px;
						top: 50%;
						transform: translateX(-50%) translateY(-50%);
						-webkit-transform: translateX(-50%) translateY(-50%);
					}
					.profilemenu ul li .profimg img {
						min-width: 100%;
						min-height: 100%; z-index:1;
						max-width: 120%;
						position: absolute;
						left: 50%;
						top: 50%;
						transform: translateX(-50%) translateY(-50%);
						-webkit-transform: translateX(-50%) translateY(-50%);
					}

.profilemenu ul li a span {
	float: right;
	width: 100%;
	margin: 0 0 4px;
	font-size: 15px;
	color: #7a7d82;
	font-family: "29LT BukraMd" !important;
}

@media (max-width: 991px) {
	.trans-from {
		padding-right: 12px
	}

	.trans-to {
		padding-left: 12px
	}
	.loginform {
		left: 0;
	}

	.logintitle {
		right: unset;
	}

	.signapp {
		left: unset;
		text-align: left;
	}
}


@media (max-width: 767px) {
	/* .paddingsidbar {
		padding-left: 50px;
	} */
}