:root{
	--back-color:#fbfbfb;
	/* --primary-color: #0162a7; */
}
.dark-theme{
	--back-color:#333;
}
.blue-theme{
	
	--primary-color:#0162a7;
	--scroll-color:#2680EB;
	--gradient-ligth:#1074b9;
	--gradient-dark:#055e9d;
	--hover-color:#4982aa;
	--text-color:#109bf8;
	--sidebar-color:#000910;
	--hover-side:#024c84;
	--link-side:#022a48;
	--ul-color:#022037;
	--hover-tr:#cdd4f5;
	--td-color:#e8e2ff ;
}

.purple-theme{
	
	--primary-color:#685fc8;
	--scroll-color:#5b69c2;
	--gradient-ligth:#753adf;
	--gradient-dark:#37459e;
	--hover-color:#5b69c2a8;
	--text-color:#856af3;
	--sidebar-color:#0e122d;
	--hover-side:#443d8d;
	--link-side:#251f65 ;
	--ul-color:#241e63;
	--hover-link-side:#022037;
	--hover-tr:#cdd4f5;
	--td-color:#e8e2ff ;
}
.bluelight-theme{
	
	--primary-color:#0096AE;
	--scroll-color:#47B7CB;
	--gradient-ligth:#65CDD5;
	--gradient-dark:#0096AE;
	--hover-color:#65CDD5;
	--text-color:#47B7CB;
	--sidebar-color:#000910;
	--hover-side:#02477c;
	--link-side:#022a48;
	--ul-color:#022037;
	--hover-tr:#cfe1e4e3;
	--hover-link-side:#022037;
	--td-color:#d8f7fdc2 ;
}

.pink-theme{
	
	--primary-color:#C74A76;
	--scroll-color:#83445a;
	--gradient-ligth:#cf678b;
	--gradient-dark:#81455a;
	--hover-color:#f1b4c9;
	--text-color:#f083a9;
	--sidebar-color:#3a1522;
	--hover-side:#6f4856;
	--link-side:#7f495c;
	--ul-color:#6c273f;
	--hover-tr:#f3d5df;
	--td-color:#f0bdcf61 ;
}

/* a {
    color: var(--primary-color) !important;
} */




ul {
	list-style: none !important;
}

/* Change autocomplete styles in WebKit */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	transition: background-color 5000s ease-in-out 0s;
}
body,html{
	width: 100vw !important;
	overflow: hidden !important; 
}
/* Color */
.color-blue1{color:#01538E !important}
.color-gray1{color:#9B9B9B !important}
.shadow-sm {
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.3)!important;
}
hr {
	margin-top: .5rem;
	margin-bottom: .5rem;
	border: 0;
	border-top: 1px solid rgba(0,0,0,.1);
	border-bottom: 1px solid #cecece;
}


.table hr{
	margin-top: .5rem;
	margin-bottom: .5rem;
	border: 0;
	border-bottom: 5px solid rgba(0,0,0,.1);
}
.w-max{
	width: max-content !important;
}
.model-selver{
	color:#999999;
}
.media-body h5 {
	line-height: 30px;
}
a:hover{text-decoration:none;}	
.badge{
	color: #fff;
	background-color: #F00;
	border-radius: 50px;
	position: absolute;
	min-width: 22px;
	height: 25px;
	top: -5px;
	right: -6px;
	border: solid 2px #fff;
	font-size: 10px;
	text-align: center;
	/* padding-top: 3px; */
	font-family: din_lit;
}
.badge *{
	/* transform: translate(-50%,-50%); */
	/* position: absolute; */
	/* display: block; */
	/* top: 50%; */
	/* left: 50%; */
	font-size: 10px;
	font-weight: lighter;
	text-align: center;
	width: 100%;
}
/**/
.my-h-100{
  /*
	height: -moz-calc(100% - 9.7rem);
  height: -webkit-calc(100% - 9.7rem);
  height: calc(100% - 9.7rem)!important;;
  height:auto;
  */
}
.font-s-18{font-size:20px !important;}
.font-s-16{font-size:18px !important;}
@font-face {
	font-family: din_reg;
	src: url(../fonts/din_reg.otf);
}
@font-face {
	font-family: din_lit;
	src: url(../fonts/din_lit.otf);
}
*{
	font-family:din_reg;
	font-style: normal;
	font-size: 14px!important;
}
*:hover,
*:focus{
	outline: none !important;
}
tr{
	position: relative;
}
ul ,li ,tr,td{
}
.media h1.fa{
	font-size: 35px!important;	
}
.media img{
	filter: invert(16%) sepia(70%) saturate(9000%) hue-rotate(180deg);
}
html, body{
	width: 100%;
	min-height:100vh; 
	height:auto;
}
.h100{
	min-height:100vh;
	height:auto;
}
body {
	overflow-x: hidden;
	overflow-y: scroll;
	background-color: var(--back-color);
}

.footer{
	background-color: white;
	width: 100%;
	height: 60px;
 /*
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 */
 padding: 15px 0;
 text-align: center;
}
.footer img{
	height: 100%;
	width: auto;
}
.minHeightContent{
  /*
 height: calc(100% - 9.7rem)!important;
  position: relative !important;
  */
}
.divcontainer{
	min-height: 200px;
}
.icons{
	display: inline-block;
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 50%;
	font-size: 16px;
	color: #b78c33;
	border: 1px solid rgba(255, 255, 255, 0.3);
}
.btn-addItem{
	background-color:var(--primary-color) !important;
	border: none;
	border-radius: 50px;
	padding:0 20px 5px;
	min-width: 100px !important;
	text-align: center;
	margin: 10px 0 0 !important;
	position:relative !important
}
.btn-addItem i{
	position:absolute;  
	left:5px;
	top: 50%;
	transform: translate(0,-50%);
}
.rtl .btn-addItem i{
	right:5px !important;
	left:auto !important;
}
.icon,.fa{
	cursor: pointer;
}
.tabel .icon::before{
	/*border: 1px solid;
    
    min-width: 30px;
    min-height: 30px;
	padding:5px;
	border-radius: 100px;*/
	border: solid 1px;
	padding: 10px;
	border-radius: 50px;	 
}
.card {
	padding: 10px;
}
.card-block span{
	font-size: 14px !important;
}
.card-block label{
	width:100%;
}
.card-block .icon{
	margin-left: 0.5em;
    margin-right: 0.5em;
	font-size: 16px !important;
	color: var(--primary-color);
}
.card-block .card-header{
	background-color: #eee;
	margin-bottom: 5px;
}
.card-delete{
	background-color: #DD0E18 !important;
}
.card-in-warehouse{
	background-color: #1B9CF5 !important;
}
.card-in-trip{
	background-color: #51C327 !important
}
.card-on-the-way{
	background-color: #FFBA00 !important;
}
.dropdown-settings{
	position: absolute;
    display: table;
    top: 0;
    right: 2em;
    width: 100%;
    background-color: #fff;
    border: 1px solid;
    padding: 5px;
}
.dropdown-settings .dropdown-item{
    display: inline-table;
}
.dropDownContent{
	position: relative;
	display: block;
}
.table thead th{
	vertical-align:middle;
	text-align: center !important;
}
table, table th, table td {
	box-sizing: content-box;
}
.table {
	
	clear: both;
	margin-top: 6px !important;
	margin-bottom: 6px !important;
	max-width: none !important;
	border-collapse: separate !important;
	border-spacing: 0;
	width: max-content !important;
	overflow: auto !important;
}
.table .color-red{
	color:red;
}


.color-red-card{
	Border : 2px solid red !important
}

.table .color-green{
	color:#238823 !important;
}

.color-green-card{
	Border : 2px solid #238823 !important;
}

.color-blue-card{
	Border : 2px solid #1036c2 !important;
}

.color-gary-card{
	Border : 2px solid #777 !important;
}


.color-red-card-color{
	color :  red !important
}

.color-green-card-color{
	color :  #238823 !important;
}

.color-blue-card-color{
	color :  #1036c2 !important;
}

.color-gary-card-color{
	color : #777 !important;
}

.table .color-yellow1{
	color:#1036c2;
}

.table .color-vas{
	color:#26e747;
}

.avatar{
	vertical-align: middle;
	width: 70px;
	height: 70px;
}

.red-color{
	color:red !important;
	text-decoration: line-through;
}
/*modal*/
.modal-header,.modal-footer {
	/* border:none !important;*/
}
.modal-footer>* {text-align:center;}
.modal-header .modal-title{
	font-weight:bold !important;
}
.modal-header .modal-title span{font-weight:100 !important;}
.modal-backdrop.show {
	opacity: .8!important;
}
.btn-save,.btn-cloce{padding: 0 10px 4px !important; border:none;}
.btn-save{background-color: var(--primary-color) !important;}
.btn-cloce{background-color:#022037 !important;}
.btn-save:hover{background-color: var(--hover-color) !important;}
.btn-cloce:hover{background-color:#0f314c !important;}
/**/
.page-card{
	padding-inline-start: 0px !important;
}
input[type="radio"],
input[type="radio"]:focus {
	margin: 0 5px;
}
.rtl input[type="date"] {
	
	text-align:right;
}
.ltr input[type="date"] {
	text-align:left;
}
.card.m-2.row.shadow-sm {
	flex-direction: row !important;
}
.page-card li{
	position:relative;
	border-radius:10px;
	padding:10px;
}
.page-card li .href-class{
	position:absolute; 
	/*
	top:50%;
	transform:translateY(-50%);*/
}
.page-card li .href-class a{
	padding: 0 5px;
}
.ltr .page-card li .href-class{
	right:10px;
	
}
.rtl .page-card li .href-class{
	left:10px;
}
.rtl .custom-control, [dir=rtl] .custom-control {
	padding-right: 0 !important; 
	padding-left: 0 !important; 
	margin-right: 0 !important; 
	margin-left: 0 !important; 
}
/**/
.profile-menu .profile-link{
	padding: 0 0 30px 0 !important;
}
.profile-menu .profile-link a img{
	width:15px;
	height:15px;
	margin: 0 6px;
	transition:all .4s ;
}
.profile-menu .profile-link a:hover img{
	opacity:.5;
}
.Abdisplay{
	position:static !important;
}
.dropdown-menu-top {
	position:absolute !important;
	top: 40px !important; /*height of main menu*/
	width:350px !important;
}
.dropdown-menu-top hr{/*position: absolute;*/}
.dropdown-menu-top .pb-30{
	padding: 0 0 30px 0 !important;
}
.rtl .dropdown-menu-top {left:0 !important;right: inherit !important;}
.ltr .dropdown-menu-top {right:0 !important; left: inherit !important;}
.dropdown-menu-top a{color:#000;}
.dropdown-menu-top img{border:none;}
.dropdown-item {
	width: auto !important;
}
.dropDown-class{white-space: pre-wrap; word-wrap: break-word;overflow-wrap: break-word;width: 350px;}
.dropDown-class .noti-date{
	color: #717070;
	text-align: left;
	font-size: 13px !important;
}
tr .dropdown-menu{
	left: auto;
}
.trClassNew .dropdown-menu{
	display: block;
    width: max-content;
    padding: 10px 0px 10px 10px;
    top: 61px;
} 
#page-content-wrapper{
	position:relative !important;
}
.perClass {
	display: grid;
	margin-bottom: 10px;
}
.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.col-2dot4 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}
.bootstrap-autocomplete{
	left:0 !important;
	width:auto !important;
	margin: 0 60px !important;
}
.comboTreeWrapper{padding:0 !important;}
select {
	width: 300px;
	
}
input:focus {
	border-color: transparent !important;
	box-shadow: none !important;
	/*
	padding: 0;
	margin: 0;
	*/
}
@media (min-width: 540px) {
	.col-sm-2dot4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}
@media (min-width: 720px) {
	.col-md-2dot4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}
@media (min-width: 960px) {
	.col-lg-2dot4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}
@media (min-width: 1140px) {
	.col-xl-2dot4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}
.notspupported{display: none;}
.spupported{display: block;}
@media (max-width: 765px) {
	.notspupported{display: block;}
	.spupported{display: none;}
}
.class_disabled,
input:disabled  { 
	background-color:transparent!important;
	height: auto !important;
	border-color: transparent !important;
	border-radius: 0 !important; 
}
.class_enabled input[type="text"] { 
	background-color :transparent!important;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #979797  !important;
}
/**/
.link_disabled {
	color: #ccc;
	pointer-events: none;
	cursor: default;
}
.save-template,.get-data{display: none;}
.mouse-hover:hover{  cursor: pointer;}
.icon-class-head{
	width: auto;
	height: 30px;
	margin: 0 10px 10px;
	color: var(--primary-color);
}
	.rtl .page-card .card span{
		/* تم حذفا بسبب البوردر طلبات الاسعار معلومات الحاولة */
		/* padding: 0 0 0 0  !important; */
		
	}
	.rtl .page-card .card .row > span:nth-child(odd){
		border-left: 1px solid #ccc;
		border-right: 0;
	}
	.page-card .card span{
		/* padding: 0 0 0 0  !important ; */
		/* border-right: 1px solid #ccc; */
	}
	
	/* re */
	.re{
		max-width: 400px;
	}
	.re .bg{
		position: relative;
		background-image: url("../images/re.png");
		width: 100%;
		height: 100px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	.re img{width: 60%;}
	.re .boxsenter{
		position: absolute;
		top: 45%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.ltr .dataTables_length {
		float: right !important;
	}
	.ltr div.dataTables_wrapper div.dataTables_filter {
		text-align: left !important;
		float: left !important;
	}
	.BillStyle{
	}
	.BillStyle{
	}
	.label-fade label *{
		color:#c9c9c9 !important;
	}
	/* Acaoteng */
	.input-group-text {
		display: flex;
		align-items: center;
		padding: .75rem .7rem;
		margin-bottom: 0;
		font-size: 1rem;
		font-weight: 400;
		line-height: 1;
		color: var(--text-color);
		text-align: center;
		white-space: nowrap;
		background-color: transparent;
		border: none;
		border-radius: 0;
	}
	.footerSub{
		padding: 20px 20px 0;
	}
	.footerSub .form-group {
		margin-bottom: 0 !important;
	}
	.footerSub .mb-3{
		margin-bottom: 0 !important;
	}
	.edit-noborder input{
		border:none;
		background-color: transparent;
		padding: 0  10px !important;
		text-align: center !important;
	}
	.edit-noborder td{
		padding: 0 !important;
	}
	div.form-control{
		width: max-content;
		border: none;
	}
	.form-horizontal{
		margin-bottom: 10px;
	}
	.btn-add{
		background-color: #6c7ae0 !important;
		color: #fff !important;
	}
	.btn-add:hover{
		background-color: #4955a7 !important;
	}
	/* New Code */
/*
	.nav-cla {
		background-color: rgba(0,9,16,.9);
		
		padding: 10px 30px;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		color: #fff;
	}
	.rtl .nav-cla {
		margin-right:-12px;
	}
	*/
	.div-box-footer .nav-cla {
		background-color: rgba(0,9,16,.9) !important;
		position: static !important;
		padding: 10px 0 !important;
		width: 100% !important; 
		color: #fff;
	}
	.div-box-footer .nav-cla button{
		margin: 5px !important;
	}
	.div-box-footer .rtl .nav-cla {
		margin-right:0 !important;
		margin-left: 0 !important;
	}
	table{
		table-layout: auto !important;
		min-width: 100% !important;
	}	
	 
	.btn-no{
		background: none;
		border: none;
	}
	.ticketing .hed h1{  color:#3B86FF !important;  }
	.ticketing .hed h1 span{ color:#7A7B85 !important; padding: 0 10px;}
	.ticketing .hed h1 span span{ color:#3B86FF !important;}
	.ticketing .ticketing-img img{
		margin: auto!important;
		width: 50%!important;
		display: block!important;
		border-radius: 50%!important; 
		max-width: 100%;
		height: auto;
	}
	.ticketing .ticketing-img h1{
		color:#3B86FF !important;
		text-align:center;
	}
	.ticketing .ticketing-img h2{
		color:#7A7B85 !important;
		text-align:center;
	}
	.ticketing .ticketing-deco h1,
	.ticketing .ticketing-deco span{
		color:#3B86FF !important;
		/*  font-weight: 600;  */
	}
	.ticketing .ticketing-deco span{
		color:  #66A0FF !important;
	}
	/* .div-box-colum-side {
		top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    padding: 0;
    margin: 0;
		position: absolute;
		display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: inline-flex;
	} */
	

	.ticketing  label,
	.modal label {
		color:#109AF7 !important;
	}
	.ticketing .row{
		margin: 10px 0 !important;
	}
	.ticketing .row:nth-child(odd) .ticketing-deco  {background-color: #f2f2f2 !important;}
	.ticketing .table-responsive{
		/*min-height: 70%; */
	}
	.fast-chat{
		position: sticky;
		bottom: 0;
		right: 0;
	}
	.fast-chat .fast-chat-box{
		width: 200px !important;
		min-height: 100px !important;
		position: absolute !important;
		bottom: 0px !important;
	}
	.fast-chat .fast-chat-box .fast-chat-box-hed{
		background-color: #002948;
		padding: 5px;
	}
	.fast-chat .fast-chat-box .fast-chat-box-hed .chat-img{
		border-radius: 50px;
		height: 20px !important;
		width: 20px !important;
		border: #002948 2px solid;
		position: absolute;
	}
	.fast-chat .chat-masstext-add{
		box-shadow: 0 .125rem .25rem rgba(0,0,0,.3)!important;
		border-radius: 10px 10px 0 0;
		padding: 5px;
		position: absolute;
		bottom: 0;
		background-color: #fff;
	}
	.fast-chat .chat-masstext-add img{
		width: 10px;
		height: 10px;
	}
	.fast-chat .chat-masstext-add input[type="text"]{
		margin: auto;
		display: block;
		border: none;
		background-color: #edf0f5 !important;
		border-radius: 20px;
		padding: 5px;
		width: 100%;
		color:#515360;
	}
	.fast-chat .chat-masstext-add input[type="file"] {
		width: 30px !important;
	}
	.fast-chat .chat-masstext-add input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
		color: #ccc;
	}
	.fast-chat .chat-masstext-add input:-ms-input-placeholder { /* Internet Explorer 10-11 */
		color: #ccc;
	}
	.fast-chat .chat-masstext-add input::-ms-input-placeholder { /* Microsoft Edge */
		color: #ccc;
		opacity: 1;
	}
	.fast-chat .fast-chat-box .fast-chat-box-hed .chat-name{
	}
	.fast-chat .fast-chat-box .fast-chat-box-chat{
		height: 200px;
	}
	.fast-chat .fast-chat-box .fast-chat-box-formSend{}
	.form-control.select2{
		border:none !important;
	}
	/*.table.dataTable,*/
	.table.dataTable{
		/*width: 100% !important;*/
		overflow: auto !important; 
	}
	th{
		width: max-content !important;
	}
	.input-group-prepend{
		width: 100% !important;
	}
	.BillStyle .form-group ,
	.BillStyle  .input-group.mb-3{
		margin-bottom: 0 !important;
	}
	.BillStyle .table-responsive{
		margin-top: 1rem;
	}
	@media (width: 770px) {
		.rounded-top.shadow-sm.p-3.bg-white {
			height: 100% !important;
		}
	}
	/* new modle*/
	.modal-content{
		border: none !important;
		border-radius: 1rem !important;
	}
	.rtl .modal-body,
	.rtl .modal-body .p-3 {		
		
		padding: 1rem 1rem 0 0 !important;
	}
	.ltr .modal-body,
	.ltr .modal-body .p-3 {		
		padding: 1rem 0 0  1rem !important;
	}
	.modal-header{
		background-image: linear-gradient(45deg, var(--gradient-ligth), var(--gradient-dark));
		height: 65px !important;
		color: #fff;
		border-top-left-radius: 1rem !important;
		border-top-right-radius: 1rem !important;
		align-items: center!important;
	}
	.modal .btn-addItem {
		margin:0 !important;	
	}
	.modal-header .modal-title {
		padding: 0 20px;
		margin-left: auto !important;
	}
	.modal .table-responsive {
		/*height: auto !important; */ 
		padding: 0 20px 0 20px !important;
		border: 0 !important;
		margin-top: 1.5rem;
	}
	.modal .table-responsive:before,
	.modal .table-responsive:after {
		display: block;
		content: "";
		border-top: solid #ccc 1px;
	}
	.modal form {
		margin-bottom: 10px;
	}
	.modal-image{
		margin-right: auto !important;
		width: 35px;
		height: 35px;
		border-radius: 100px; 
		object-fit: cover;
	}
	.modal-icon {
		width: 20px;
		height: 20px;
	}
	.modal-image-ticket{
		width: 30px;
		height: 30px;
	}
	.modal-image-ticket{
		cursor: pointer;
	}
	.modal-image-ticket:hover{
		position: .8;
	}
	.rtl .modal-header .close, [dir=rtl] .modal-header .close,
	.ltr .modal-header .close, [dir=ltr] .modal-header .close  {
		margin: -50px 30px -60px -60px;
		color: rgba(255,255,255,0)!important;
		opacity: 1 !important;
		background: url(../images/close_icon.png);
		background-size: 20px;
		background-position: center center;
		background-repeat: no-repeat;
		text-shadow: none;
		transition: all .2s;
	}
	.ltr .modal-header .close, [dir=ltr] .modal-header .close  {
		margin: -50px -60px 30px -60px;
	}
	.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
		opacity: .50 !important;
	}
	.rtl .page-card{
		border-top:solid 1px #ccc !important; 
		padding: 20px 0 0 0;
	}
	.rtl .page-card{
		margin: 0 0 0 20px !important;
	}
	.ltr .page-card{
		
		margin: 0 20px 0 0  !important;
	} 

	.table-striped tbody > tr.edit-class td{
		background-color: #022037 !important;
		/* color: #fff !important; */
	}
	.edit-class,
	.odd.edit-class,
	.even.edit-class,
	.table-striped tbody tr:nth-of-type(odd).edit-class{
		background-color: #022037 !important;
		color: #fff !important;
		
	}
	.edit-class-done,
	.odd.edit-class-done,
	.even.edit-class-done,
	.table-striped tbody tr:nth-of-type(odd).edit-class-done{
		background-color: #0162a7 !important;
		color: #fff !important;
		animation: mymove .2s infinite;
	}
	/* table tbody tr:nth-of-type(odd) > td{
		background-color: #fff;
	} */
	table tbody tr > td{
		background-color: #f2f2f2;
	}
	.accounting .table_wrapper{
		overflow: auto;
		height: 450px;
	}
	.tr-archive{
		text-decoration: line-through;
	}
	.direction-ltr{
		direction: ltr;
	}
	@keyframes mymove {
		0% {background-color: #022037!important;}
		50% {background-color: #0162a7!important;}
		100% {background-color: #022037!important;}
	}
	.fa-color{
		color:#fd7e14!important;
	}
	.table-nodata{
		width: 100px;
		height: 100px;
		background-image: url(../images/nodata.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.form-control:disabled, .form-control[readonly] {
		background-color: #fff; 
		opacity: 1;
	}
	.modal .form-group ,.modal .form-group .mb-3 {
		margin-bottom: 0 !important;
	}
	.modal form .m-auto{
		margin-top: 10px !important;
	}
	/*.nav-side-menu {
		background-color: #00bb00;}*/
/*
	.modal .rounded-top.p-3.bg-white {
		max-height: calc(100vh - 185px)!important;
		height: max-content !important; 
	}
	*/
	/* width */
	::-webkit-scrollbar {
		width: 10px !important;
		height: 15px;
	}
	/* Track */
	::-webkit-scrollbar-track {
		/*box-shadow: inset 0 0 5px grey; */
		border-radius: 10px;
		background: #EAEAEA; 
	}
	/* Handle */
	::-webkit-scrollbar-thumb {
		background: var(--scroll-color); 
		border-radius: 10px;
	}
	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
		background: var(--scroll-color); 
		opacity: .8;
	}
	.rtl #personalInformationModal .modal-body,
	.rtl #personalInformationModal .modal-body .p-3 {
		padding: 1rem !important;
	}
	.modal .modal-border {
		border: solid 1px #D1D1D2;
		border-radius: 10px;
		padding: 18px;
	}
	@media (max-width: 900px) {
		.dataTables_paginate.paging_simple_numbers{
			display: none !important;
		}
	}
	/* ajax */
	.adriss{
		padding: 60px;
	}
	.adriss h1,
	.adriss h2{
		font-size: 15px;
		color: #323232;
	}
	.adriss h1{
		text-align: center;
	} 
	.box-click{
		border:solid 1px #D1D1D2;
		border-radius: 10px;
		padding: 18px;
		margin: 18px;
	}
	.box-click form{
	}
	.box-click label{
		color: #109AF7;
		font-size: 14px;
		line-height: 2.5rem;
	}
	.box-click .form-group{
		border-bottom:solid 1px #D1D1D2;
	}
	.box-click input{
		/* color: #D1D1D2; */
		color: #a0a0a4;
		border:none;
		font-size: 16px;
	}
	/**/
		.select2-container--default .select2-selection--single {
		border-color:  #ced4da !important;
line-height: 10px;
		border-radius: .25rem !important;
	}
	.form-control:not(textarea),
	.select2-container--default .select2-selection--single {
		height: calc(1.5em +  2px) !important;
	}
	table .form-control {
		height: calc(1.5em + 3px) !important;
		line-height: 1rem !important;
		border-top: 0;
		border-left: 0;
		border-right: 0;
		background-color: transparent;
	}
	.form-control {
	  padding: 0 .75rem !important; 
	}
	.form-control.select2.select2-container.select2-container--default{
		 padding: 0  !important; 
	}
	/**/
	.form-group {
		margin-bottom: 4px !important;
	}
.form-control:focus {
	outline: 0;
	box-shadow: none !important;
}
.div-box-footer{
	/* position: relative; */
	margin-bottom: 1.5rem;
}
.div-box-footer>.container-fluid{
	/*	padding: 20px;
	background-color: #011E36;
	position: absolute;
	top: 0;
	transform: translateY(-110%);
	*/
}
.div-footer-class{
	display: block;
    width: 100%;
    /* height: calc(1.5em + .75rem + 2px); */
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.addShipmentVas,.addShippmentFile,.addCategoryButton{
max-width: 150px;
    width: 150px !important;
    background: var(--gradient-dark);
    color: #fff;
border-radius: 4px !important;
}
.table-with-button{
margin: 0;
    background-color: rgba(0,0,0,.02);
    border-radius: 4px;
    box-shadow: firebrick;
    width: 100%;
    padding: 20px;
   
    margin-bottom: 30px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.3)!important;
}
.table-with-button .table-responsive{
margin-top: 10px;
    padding:0 !important;
}
.table-with-button .table {
margin-top: 0 !important;
    padding-bottom: 20px;
}
.table-without-button .table {
margin-top: 0 !important;
    padding-bottom: 20px;
}
.table select{
	width: 100%;
line-height: 2;
}
.second-div-task{padding-right: 26px}
.second-div-task textarea{height: 60px !important}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  
    line-height: 19px !important;
 
   
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -15px !important;
    margin-top: -5px !important;
  
}
input{
 /*margin: 0 9px; */
   border-radius: 4px !important;
}
.just-read {
padding-right: 26px !important;
}
.modal-body .div-box-haeder form{
position: relative !important;
}
#executeTask{
    margin: auto;
    display: block;
    width: 300px;
/*    background-color: #852369 !important;*/
}
#ticketFooter{
border-top: solid 1px #ccc;
}
#ticketFooter .select2-container--default{
	margin: 5px 0;
}
span.form-control.select2-container.col-md-12.p-0.select2-container--default.select2-container--open {
  border-color: transparent !important;
  background-color: transparent !important; 
}
.select2-search--dropdown .select2-search__field {
  
    width: 95% !important;
    
}
/* Fixed Headers */
.topScroll,
.table-label {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
}
/* rogeen */
.category-ul .bg-info {
    background-color: #ccc!important;
}
.category-ul .row {
    padding: 2px;
   margin: 0 10px;
    border-bottom: solid 1px #ccc;
}
.category-ul .row .col-auto{
	 border-left: solid 1px #ccc;
}
/**/
.selectClass{
	margin: 0 9px;
	    border-radius: .25rem !important;
}
.modal-dialog.modal-full,
.modal-dialog.modal-xl{
  width: 95%;
}
.modal-dialog.modal-full .modal-content ,
.modal-dialog.modal-xl .modal-content{
  border-radius: 0;
}
@media (min-width: 1200px){
.modal-xl {
    max-width: 95% !important;
}
}
@media (min-width: 992px){
.modal-xl {
    max-width: 95% !important;
} }
@media (min-width: 576px){
.modal-xl {
    max-width: 95% !important;
}
.div-box-panels {
} 
 }
 .icons-collect{
display: flex;
    text-align: center;
    width: intrinsic;   
    width: fit-content;
    width: -moz-fit-content;
    margin: auto;
 }
 .icons-collect .icon-task{
    margin: 20px;
   cursor: pointer;
 }
  .icons-collect .icon-task img{
 	/*width: 100%;*/
    max-width: 26px;
    margin-bottom: 13px;
    height: 26px;
 }
 .icons-collect .icon-task *{
 	 background-color: transparent;
 }
  .icons-collect .icon-task:hover{
  	opacity: .8;
  }
  .select2-container--default .select2-selection--multiple {
height: calc(1.5em + 2px) !important;
	 box-shadow: none!important; 
	 overflow: auto;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: .2px !important;
   
}
table.dataTable th, table.dataTable td{
	text-align: center;
}

.DTFC_LeftHeadWrapper{
	top	: 6px !important;
}
.DTFC_LeftBodyWrapper{
	top: 6.4px !important;
}
table.DTFC_Cloned{
margin: 0 !important;
}
/* table.dataTable thead>tr>th.sorting_asc */
table.dataTable tbody>tr>td:first-of-type,
table.dataTable tbody>tr>td:nth-of-type(2),
table.dataTable tbody>tr>td:nth-of-type(3),
#drfatTable123 tbody>tr>td:first-of-type,
#drfatTable123 tbody>tr>td:nth-of-type(2),
#drfatTable123 tbody>tr>td:nth-of-type(3)
{
	position: sticky;
	position: -webkit-sticky;
	z-index: 3;
}
table.dataTable thead>tr>th:first-of-type,
table.dataTable tbody>tr>td:first-of-type,
#drfatTable123 thead>tr>th:first-of-type,
#drfatTable123 tbody>tr>td:first-of-type
{
	right: 0;
}


/* table.dataTable thead>tr>th:nth-of-type(2),
table.dataTable tbody>tr>td:nth-of-type(2){
	right: 80px;
}
table.dataTable thead>tr>th:nth-of-type(3),
table.dataTable tbody>tr>td:nth-of-type(3){
	right: 200px;
} */
table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>td.sorting_asc, 
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting
{
position: sticky;
position: -webkit-sticky;
top: 0px;
z-index: 2;
}
#drfatTable123 thead>tr>th,
#drfatTable123 thead>tr>td 
{
   position: sticky;
   position: -webkit-sticky;
   top: -15px;
   z-index: 2;
}

table thead>tr>th,
table thead>tr>td{
position: sticky;
position: -webkit-sticky;
top: -27px;
z-index: 2;
}

/* table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting 
{
	position: sticky;
	position: -webkit-sticky;
	top: 0px;
	z-index: 2;
} */
table.dataTable thead>tr>th:first-of-type,
table.dataTable thead>tr>th:nth-of-type(2),
table.dataTable thead>tr>th:nth-of-type(3),
#drfatTable123 thead>tr>th:first-of-type,
#drfatTable123 thead>tr>th:nth-of-type(2),
#drfatTable123 thead>tr>th:nth-of-type(3)
{
	z-index: 4;
}
.select-table-ssttings .dropdown-menu{
	width: fit-content;
	right: -115px;
}
.select-table-ssttings .dropdown-menu .dropdown-item  i{
	margin-left: 10px;
}
span .data-class{
	line-height: 2;
	/* for world air */
	direction: ltr;
}


table.dataTable.display tbody td {
    background-color: var(--td-color) !important;
		border-left: 1px solid #9a9797;
}
table.display tbody tr:hover td{
	color: #000;
}
table.dataTable.display tbody tr:hover td,
table.display tbody tr:hover td {
    background-color: var(--hover-tr) !important;
		color: inherit;
	}

table.display tbody td{
	border: 1px solid #ccc;
	border-top: 0;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: 1px solid #9a9797;
}
/* table.dataTable thead>tr>th { */
	table thead>tr>th{
	background-color: #fff !important;
}

table.dataTable.display tbody tr.edit-class td{
	background-color: #022037 !important;
	color: #fff !important;
}

/* .dataTables_length,.dataTables_filter,
.dataTables_paginate,.dataTables_info{
	position: sticky;
	position: -webkit-sticky;
	top: 0px;
	z-index: 1;
	background-color: #fff;
} */
/* ********************************************* */
.div-box {
	position: relative;
	/* تم ايقاف الاربتفاع من اجل ادارة المناطق */
	/* height: 100%; */
}
.div-box-colum {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	padding: 0;
	margin: 0;
	position: absolute;
}
table.dataTable td,
table.dataTable th{
	/* width: 200px ; */
	white-space: -o-pre-wrap; 
    word-wrap: break-word;
    white-space: pre-wrap; 
    white-space: -moz-pre-wrap; 
    white-space: -pre-wrap; 
}
.dataTables_wrapper{
		overflow: auto !important;
		/* height: 350px; */
		/* check convarsation table */
		height: 526px;
	}
@media(min-width:1600px){

	.dataTables_wrapper {
		height: 760px;
		/* height: 100vh; */
	}
}
	/* .modal .dataTables_wrapper{
		height: auto;
	} */
.rounded-top.p-3.bg-white{
	/* height: calc(100vh - 125px)!important; */
	height: calc(100vh - 115px)!important;
	overflow: auto !important;
}
.modal .rounded-top.p-3.bg-white{
	height: calc(100vh - 185px)!important;
	/* height: calc(100vh - 125px)!important; */
	overflow: auto !important;
}
.dropdown-profile{
	overflow: hidden auto;
	height: 525px;
}

.total-span{
	display: flex;
	justify-content: space-between;
	margin-bottom: 5px;
}
.span-label{
	color:var(--text-color);
	text-align: right;
}
.span-data{
	margin-right: 10px;
}
/* chart */
@media(max-width:1194px){
	#sidebar #china_sea_full > div > div{
    max-width: 700px !important;
		width: 900px !important;
	} 
	#sidebar.active #china_sea_full > div > div{
		width: 700px !important;
	} 
}
@media(max-width:990px){
	#sidebar.active #china_sea_full > div > div{
		width: 700px !important;
	} 
}
@media(max-width:767px){
	/* #sidebar.active #china_sea_full > div > div{
		width: 500px !important;
	}  */
	#sidebar #china_sea_full > div > div{
		width: 400px !important;
	} 
}
#countId ,#countIdChange{
    border: 1px solid #ccc;
    border-radius: 26px;
    width: 39px;
    height: 40px;
    text-align: center;
    padding-top: 6px;
    margin: 0 16px;
}
.show_pass{
	position: absolute;
    left: 13px;
    top: 40px;
	z-index: 5;
}
.fixed{
	display: none;
	position: fixed;
	bottom: 40px;
	z-index: 5;
	left: 29px;
}
.rtl .fixed{
	right: 29px;
	left: 0;
}
.fixed i{
	background: var(--gradient-dark);
	padding-top: 12px;
	width: 40px;
	height: 40px;
	color: #fff;
	text-align: center;
	border-radius: 50%;
}
.search{
	width: 33px;
	background: #fff;
	height: 33px;
	border: 1px solid #ccc;
	border-radius: 3px;
}
.search .fa-search{
	position: absolute;
    top: 9px;
    right: 8px;
    background-color: #FFF;
}
.search .form-control{
	border: none;
    
}
.search .form-control:focus{
	height: 32px !important;
	border: 1px solid #ccc;
	padding: 6px 26px 10px 26px !important;
}
.box-login{
	position: relative;
}
.box-login .fa-circle{
	position: absolute;
    top: 55px;
    left: 19%;
    font-size: 18px !important;
}
.google-visualization-orgchart-table tbody tr > td{
	background-color:transparent
}
.google-visualization-orgchart-node:nth-of-type(odd),
.google-visualization-orgchart-node:nth-of-type(even){
	border: 2px solid transparent;
}

.dropdown-submenu {
	position: relative;
  }
  
  .dropdown-submenu .dropdown-toggle::after {
	content: "";
	transform: rotate(-90deg);
	position: absolute;
	left: 6px;
	top: 1.1em;
	display: block;
  }
  
  .dropdown-submenu .dropdown-menu {
	top: 0;
	left: 100%;
	margin-left: .1rem;
	margin-right: .1rem;
  }
  .rtl .dropdown-submenu .dropdown-menu {
	right: -277%;
    width: max-content;
    height: 260px;
    overflow-y: scroll;
}

.asread{
	color: #fff;
	background-color: #F00;
	border-radius: 50px;
	/* min-width: 22px; */
	height: 25px;
	font-size: 10px;
	text-align: center;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;

}

.dropDown-class{
	position: relative;
}

.item-color{
	width: 20px;
    height: 20px;
	border-radius: 50%;
	margin-right: 5px;
}
.group-color [data-class="blue-theme"]{
	background-color: #0162a7;
}
.group-color [data-class="purple-theme"]{
	background-color: #685fc8;
}
.group-color [data-class="bluelight-theme"]{
	background-color: #0096AE;
}
.group-color [data-class="pink-theme"]{
	background-color: #C74A76;
}
#mood{
	font-size: 18px !important;
    color: #777;
	padding: 6px;
	cursor: pointer;
}

/* class table */
.edit-td,.delete-td{
	width: 50px !important;
}
.conv{
	width: 300px !important;
}
.w-300{
	width: 350px !important;
}
.w-70{
	width: 60px !important;
}
.w-0{
	width: 0px !important;
}
.w-200{
width: 200px !important;
}
.wx-100{
width: 100px !important;
}
.w-50{
	width: 50px !important;
}
.w-150{
	width: 150px !important;
}
.w-270{
	width: 270px !important;
}
.w-200{
	width: 200px !important;
}
.w-30{
	width: 30px !important;
}
.color-red{
	color: red !important;
}


input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 

}

.buttons-excel.buttons-html5,.buttons-print{
	padding: 5px;
    margin-left: 5px;
    border-radius: 5px;
    background-color: #0162a7;
    border-color: #0162a7;
}
.home-parent .form-control{
	height: calc(1.5em + .75rem + 2px) !important
}
.home-parent .dataTables_wrapper {
	height: auto;
	/* max-height: 400px; */
}

@media (min-width: 576px){

	.form-inline label {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		margin-bottom: 0;
	}
}

.background-tree{
	background-color:#e5e7ee !important;
}

#treeDiv{
	margin-top: 112px;
}

.ui-widget-content{
	height: 180px;
	overflow-y: auto;
	overflow-x: auto;
	min-width: 300px;
}
.modal .ui-widget-content{
	left: 156px !important;

}

.color > td {
	background-color: #01538E;
}
.color > td .form-control {
	color: #fff;
}
.color > td .form-control:focus {
	color: #000;
}

.w-55{
	width: 55px !important;
}

.tableBodyHistory .form-control:disabled{
	text-align: center;
}
.tableBodyHistory td{
	padding: .75rem 0;
}