*{text-decoration:none; padding:0px; margin:0px;	list-style:none; box-sizing:border-box; }
body{font-family: 'Almarai', sans-serif; }
header{	width:100%; background:#009323; }
nav{ position:relative; height:70px; max-width:1400px; margin:auto; }
input {direction: rtl;}
textarea {direction: rtl;}
.profile{ position: absolute; float:right; right: 77px; height: 70px; padding-top: 18px; top:0px; font-size: 18px; font-weight: bold; display:none;}
.out-welc{position: absolute; height:70px; right:44%; }
.out-welc12{position: absolute;height:70px; left:90px; }
.welc{ color: white; position: relative; top: 12px; margin:auto; text-align:center; }
.empprofile{position: relative; background: white; width: 80%; height: 400px; margin: auto; top: 25px; border-radius: 25px; display:block;}
.o1{position:absolute; top: 70px; left: 0px; width:160px; height:30px; font-size: 20px; font-weight: bold; background:hsl(134deg 100% 29% / 34%); color: hsl(0deg 0% 0%); text-align:center; }
.o2{position:absolute; top: 102px; left: 0px; width:160px; height:30px; font-size: 20px; font-weight: bold; background:hsl(134deg 100% 29% / 34%); color: hsl(0deg 0% 0%); text-align:center; }
.o3{position:absolute; top: 134px; left: 0px; width:160px; height:30px; font-size: 20px; font-weight: bold; background:hsl(134deg 100% 29% / 34%); color: hsl(0deg 0% 0%); text-align:center; }
.o4{position:absolute; top: 166px; left: 0px; width:160px; height:30px; font-size: 20px; font-weight: bold; background:hsl(134deg 100% 29% / 34%); color: hsl(0deg 0% 0%); text-align:center; }
.o5{position:absolute; top: 198px; left: 0px; width:160px; height:30px; font-size: 18px; font-weight: bold; background:hsl(134deg 100% 29% / 34%); color: hsl(0deg 0% 0%); text-align:center; }
.o6{position:absolute; top: 230px; left: 0px; width:160px; height:30px; font-size: 20px; font-weight: bold; background:hsl(134deg 100% 29% / 34%); color: hsl(0deg 0% 0%); text-align:center; }
.o7{position:absolute; top: 262px; left: 0px; width:160px; height:30px; font-size: 20px; font-weight: bold; background:hsl(134deg 100% 29% / 34%); color: hsl(0deg 0% 0%); text-align:center;}
.o8{position:absolute; top: 294px; left: 0px; width:160px; height:30px; font-size: 20px; font-weight: bold; background:hsl(134deg 100% 29% / 34%); color: hsl(0deg 0% 0%); text-align:center;}
.o9{position:absolute; top: 326px; left: 0px; width:160px; height:30px; font-size: 20px; font-weight: bold; background:hsl(134deg 100% 29% / 34%); color: hsl(0deg 0% 0%); text-align:center; }
.o10{position:absolute; top: 358px; left: 0px; width:160px; height:30px; font-size: 20px; font-weight: bold; background:hsl(134deg 100% 29% / 34%); color: hsl(0deg 0% 0%); text-align:center; }
.o101{position:absolute; top: 390px; left: 0px; width:160px; height:30px; font-size: 18px; font-weight: bold; background:hsl(134deg 100% 29% / 34%); color: hsl(0deg 0% 0%); text-align:center;}
.o102{position:absolute; top: 422px; left: 0px; width:160px; height:30px; font-size: 18px; font-weight: bold; background:hsl(134deg 100% 29% / 34%); color: hsl(0deg 0% 0%); text-align:center;}
.o103{position:absolute; top: 454px; left: 0px; width:160px; height:30px; font-size: 18px; font-weight: bold; background:hsl(134deg 100% 29% / 34%); color: hsl(0deg 0% 0%); text-align:center;}
.o1:hover{background-color: hsl(0deg 0% 100%/50%);}
.o2:hover{background-color: hsl(0deg 0% 100%/50%);}
.o3:hover{background-color: hsl(0deg 0% 100%/50%);}
.o4:hover{background-color: hsl(0deg 0% 100%/50%);}
.o5:hover{background-color: hsl(0deg 0% 100%/50%);}
.o6:hover{background-color: hsl(0deg 0% 100%/50%);}
.o7:hover{background-color: hsl(0deg 0% 100%/50%);}
.o8:hover{background-color: hsl(0deg 0% 100%/50%);}
.o9:hover{background-color: hsl(0deg 0% 100%/50%);}
.o10:hover{background-color: hsl(0deg 0% 100%/50%);}
.o101:hover{background-color: hsl(0deg 0% 100%/50%);}
.o102:hover{background-color: hsl(0deg 0% 100%/50%);}
.o103:hover{background-color: hsl(0deg 0% 100%/50%);}
.profile-table{margin: auto; width: 290px; font-size: 17px; top: 30px; position: relative; border-collapse:collapse;}
.profile-table td {width:100px;}
.profile-table tr {height:38px;}
tr:nth-child(odd){background: #e7771d; height: 40px;}
tr:nth-child(even){background:hsl(0deg 0% 100% / 45%); height:40px;}
table{text-align:center; border-collapse: collapse;}
.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #f0f0f0;
}
.wp-block-table td {
    text-align: center;
	font-size:11px;
}

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
figure {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
	margin: 0 0 1rem;
}
.container {
    width: 90%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.wp-block-table {
    border-collapse: collapse;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 28px;
    table-layout: fixed;
    width: 100%;
	border: 1px solid;
	overflow-x: auto;
	border-color: #ebebeb;
}
.is-style-stripes {
    border-spacing: 0;
    border-collapse: inherit;
    background-color: transparent;
    border-bottom: 1px solid #f0f0f0;
}
.has-fixed-layout {
    table-layout: fixed;
    width: 100%;
}
.wp-block-table thead {
    font-weight: 700;
	border-bottom: 3px solid;
}
.manger-expenses{position: relative; width: max-content; left:380px; top: 10px; display:none;}
.all-manger-expenses{background:white; border-radius:5px; width:40px; float:left; text-align:center; display:none;}
.add-manger-expenses{background:white; border-radius:5px; width:40px; left:105px; text-align:center; display:block; position:absolute;}
.expenses-table{position:relative; top:40px; width:max-content;}
.search-branch-expenses{position:absolute; left:178px; height:31px; border-radius:20px; background: hsl(0deg 0% 100%/50%); width:100px;}
.search-all-expenses{width: 70px; margin-top:3px; text-align:center; height: 25px;outline:none; border:none; color:hsl(0deg 0% 0%); position:relative; left:15px;}
.sum-branch-expenses{position:absolute; left:290px; height:31px; border-radius:20px; background: hsl(0deg 0% 100%/50%); width:200px;}
.all-sum{position:relative; color:red; font-weight:bold; left:10px}
.edit-order{position:absolute; left:-214px; width:211px; height:390px; background:hsl(252deg 45% 76% / 58%); border-radius:5px; display:block;}
.edit-order input{font-size:12px; height:18px; width:135px; text-align:center;outline:none; border:none; float:right; color:hsl(0deg 0% 0%); margin-right:5px; margin-top:3.5px;}
.edit-order label{font-size:12px;}
.myani1{
	font-size: 25px;
    font-weight: bold;
    position: relative;
    top: -52px;
    color: #009323;
	width:max-content;
	margin:auto;
}
.myani{
	animation: spinner 1s infinite linear;
    border-radius: 50%;
    border: 10px solid rgba(0, 0, 0, 0.2);
    border-top-color: #009323;
    height: 7em;
    width: 7em;
  }
  @keyframes spinner {
  100% {transform: rotate(360deg);}
	}

.sign-up-out{width:565px; height:398px; left:-100px; margin:auto; background: hsla(0, 0%, 100%, 0.7294117647058823); position:relative; border-radius: 25px; top:70px;}

.search-order{position:absolute; top:0px; left:165px; height:31px; border-radius:20px; background: hsl(0deg 0% 100%/50%); width:220px;}

.edit-in-each1{height:22px; padding-left:2px;}
.edit-in-each2{position:relative; top:-21px}

.areatable22{position:relative; top:30px; max-width:700px; padding:30px; margin:auto; font-size:14px;}
.areatableheader{ color: white; font-size: 18px; font-weight: bold;}
.table_main_area{line-height: 23px;}
.main_div_area_price{height:600px;}


.emppar{display:block; width:100px; top:0px; position:absolute;}
.emppar1{display:none; width:40px; top:-20px; position:absolute;}

.error{	color: white; display:block; padding:45px 0px 0px 0px; top:0px; left:0px; height:105px; position:fixed; background:rgb(231 119 29); width:100%; text-align:center; font-weight:bold; font-size:19px;}
.home-name{ color:#ffffff; font-size:52px; font-family: 'El Messiri', sans-serif; float:left; left:20px; position:absolute; height:70px; line-height:65px;}
.home-nameendes{ color:#ffffff; top:44px; font-size:17px; font-family: 'El Messiri', sans-serif; position:absolute; text-align:left; left:22px; }
.back-login{position:relative; float:right; right:30px; top:17px;}
.business{ position: absolute; left: 90px; height: 70px; padding-top: 18px; font-size: 18px; font-weight: bold; }
.logout{ position: relative; top: 77px; font-size: 16px; font-weight: bold; margin:auto; width:120px; height:28px; text-align:center; border-radius:5px; background-color: hsl(134deg 100% 29%);}
.main-menu{display:block; height:0;}
.chechbtn{font-size:30px; color:#000; line-height:70px; float: left; margin-left:30px; }
#menu-check{display:none;}
.fa{ color:#fff;cursor:pointer;}
.ul-menu{ display:block; transition:1s; top:70px; position:relative; line-height: 30px; text-align: right; right:500px; padding-bottom:33px; font-size: 20px; border-radius: 0px 0px 35px; background:black;  z-index:1; }
.dd_1 {position:absolute; border-radius: 40px 0px 40px 40px; background:rgb(231 119 29); color:white; height:35px; margin:auto; padding-right:27px; left:20px; width:280px; transition: .5s; cursor:pointer; }
.dd_2  {padding-top:20px; }
.dd_2 :hover{ background-color:rgb(0 147 35); }
.ul-menu div a{ color:#000; }
.ul-menu div a  div i { padding-left:15px; padding-right:20px; color:black; }
.main-app{ display:none; }
.logo-login{ position:absolute; left:83px; top:17px; display:none; color:#fff; }
#logocheck{ display:none; }
.we{ display:none; width:100px; height:100px; z-index:1; }
.area-login1{ width:100%; height:40px; margin-top:70px; position:absolute; z-index:1;}
.login1{ border-radius:5px; font-size:14px; font-weight:600; font-family: 'Almarai', sans-serif; width:100%; height:100%; background-color:rgb(13 190 149); color:#fff; transition: .5s; cursor:pointer; }
.login1:hover{ background-color:#009323; }
.area-signup1{ width:100%; height:40px; margin-top:110px; position:absolute; z-index:1;}
.sign-up1{ border-radius:5px; font-size:14px; font-weight:600; font-family: 'Almarai', sans-serif; width:100%; height:100%; background-color:rgb(13 190 149); color:#fff; transition: .5s; cursor:pointer; }
.sign-up1:hover{ background-color:#009323; }
.upper-img{ width:100%; height:250px; position:relative; }
.search-main{ width:300px; margin:auto; top:30px; position:relative; }
.text-search-main{ width:220px; height:30px; font-size:20px; transition: .5s; border:none; outline:none; padding:0 25px; border-radius:25px 0 0 25px; background:#e3e3e3; color:#000; text-align:right; }
#mainarea{transition:1s; right:0; position:relative;}
.o11{position:absolute; top: 70px; left: 0px; width:40px; height:40px; padding: 8px 10px; color:  hsl(0deg 0% 0%); background: hsl(135deg 6% 74% / 34%)}
.o22{position:absolute; top: 112px; left: 0px; width:40px; height:40px; padding: 8px 10px; color:  hsl(0deg 0% 0%); background: hsl(135deg 6% 74% / 34%)}
.o33{position:absolute; top: 154px; left: 0px; width:40px; height:40px; padding: 8px 11px; color:  hsl(0deg 0% 0%); background: hsl(135deg 6% 74% / 34%)}
.o44{position:absolute; top: 196px; left: 0px; width:40px; height:40px; padding: 8px 10px; color:  hsl(0deg 0% 0%); background: hsl(135deg 6% 74% / 34%)}
.o55{position:absolute; top: 238px; left: 0px; width:40px; height:40px; padding: 8px 10px; color:  hsl(0deg 0% 0%); background: hsl(135deg 6% 74% / 34%)}
.o66{position:absolute; top: 280px; left: 0px; width:40px; height:40px; padding: 8px 13px; color:  hsl(0deg 0% 0%); background: hsl(135deg 6% 74% / 34%)}
.o77{position:absolute; top: 322px; left: 0px; width:40px; height:40px; padding: 8px 10px; color:  hsl(0deg 0% 0%); background: hsl(135deg 6% 74% / 34%)}
.o88{position:absolute; top: 364px; left: 0px; width:40px; height:40px; padding: 8px 10px; color:  hsl(0deg 0% 0%); background: hsl(135deg 6% 74% / 34%)}
.o99{position:absolute; top: 406px; left: 0px; width:40px; height:40px; padding: 8px 11px; color:  hsl(0deg 0% 0%); background: hsl(135deg 6% 74% / 34%)}
.o1010{position:absolute; top: 448px; left: 0px; width:40px; height:40px; padding: 8px 10px; color:  hsl(0deg 0% 0%); background: hsl(135deg 6% 74% / 34%)}
.o1111{position:absolute; top: 490px; left: 0px; width:40px; height:40px; padding: 8px 10px; color:  hsl(0deg 0% 0%); background: hsl(135deg 6% 74% / 34%)}
.o1212{position:absolute; top: 532px; left: 0px; width:40px; height:40px; padding: 8px 13px; color:  hsl(0deg 0% 0%); background: hsl(135deg 6% 74% / 34%)}
.o1313{position:absolute; top: 574px; left: 0px; width:40px; height:40px; padding: 8px 13px; color:  hsl(0deg 0% 0%); background: hsl(135deg 6% 74% / 34%)}

.paddind_table{padding:9px;}
.name-of{margin: auto; position: relative; width:63px; top: 10px; font-size: 20px; font-weight: bold;}

.add-orders{position:absolute; top:80px; left:350px;}
.btn-order{width: 140px; border-radius: 20px; height: 25px; background-color:hsl(134deg 100% 29% / 34%); color:hsl(0deg 0% 0%); text-align:center;}
.btn-order:hover{background-color: hsl(0deg 0% 100%/50%);}
.all-orders{position:absolute; top:80px; left:150px;}
.btn-all-order{width: 140px; border-radius: 20px; height: 25px; background-color:hsl(134deg 100% 29% / 34%); color:hsl(0deg 0% 0%); text-align:center;}
.btn-all-order:hover{background-color: hsl(0deg 0% 100%/50%);}
.search-all-order{width: 165px; margin-top:3px; padding-left:10px; height: 25px;outline:none; border:none; color:hsl(0deg 0% 0%); position:relative; left:27px;}

.new-order{position: relative; background: hsl(0deg 0% 100% / 62%); width: 770px; height: 275px; margin: auto; top: 60px; border-radius: 25px;}
.btn-new-order{width: 100px; background: hsl(134deg 100% 29%); height: 35px;  border: none; outline: none; border-radius: 5px; color: hsl(0deg 0% 100%); font-size: 14px; font-weight: bold;}
.btn-new-order:hover{background: hsl(0deg 0% 100%); color: hsl(0deg 0% 0%);}


.client-orders{position:absolute; top:80px; left:350px;}
.btn-client-orders{width: 140px; border-radius: 20px; height: 25px; background-color:hsl(134deg 100% 29% / 34%); color:hsl(0deg 0% 0%); text-align:center;}
.btn-client-orders:hover{background-color: hsl(0deg 0% 100%/50%);}
.client-new-account{position:absolute; top:80px; left:150px;}
.btn-client-new-account{width: 140px; border-radius: 20px; height: 25px; background-color:hsl(134deg 100% 29% / 34%); color:hsl(0deg 0% 0%); text-align:center;}
.btn-client-new-account:hover{background-color: hsl(0deg 0% 100%/50%);}
.main_div_area_price{height:max-content;}

.ex_table1{width:125px;}
.ex_table2{width:65px;}
.ex_table3{width:115px;}
.ex_table4{width:100px;}
.ex_table5{width:90px;}



.submit-search-main{
	position:relative;
	width:75px;
	height:30px;
	font-size:20px;
	transition: .5s;
	border:none;
	outline:none;
	cursor:pointer;
	border-radius:0 25px 25px 0;
	background:#009323;
	left:-5px;
	color:#fff;
}
.submit-search-main:hover{
	background:rgb(13 190 149);
}
.send-order{max-width:600px; margin:auto; position:relative;}
.send-order1{max-width:100%; margin:auto; background: rgb(255 255 255); position:relative; border-radius: 25px;}
.inf-send-order{
	margin:auto;
	position:relative;
	width:max-content;
	font-size:30px;
	font-weight:bold;
	top:10px;
	height:90px;
	
}
.send-order form div input{
	width:220px;
	height:30px;
	font-size:20px;
	transition: .5s;
	border:none;
	outline:none;
	padding:0 25px;
	border-radius:25px;
	background:#e3e3e3;
	color:#000;
	text-align:right;
}

.name-phone{
	position:relative;
	width:450px;
	margin:auto;
	height:60px;
	display:block;
}
.name-phone1{
	position:relative;
	max-width:400px;
	margin:auto;
	height:80px;
	display:none;
}
.the-name{
	position:absolute;
	right:0;
}
.phone-number{
	position:absolute;
	left:0;
}
.the-name1{
	position:relative;
	margin:auto;
	width:220px;
	height:40px;
}
.phone-number1{
	position:relative;
	margin:auto;
	width:220px;
}
.all-order{
	position:relative;
	width:450px;
	margin:auto;
	height:65px;
	display:block;
}
.all-order1{
	position:relative;
	max-width:400px;
	margin:auto;
	height:90px;
	display:none;
}
.type-of-order{
	position:absolute;
	right:0;
}
.number-of-order{
	position:absolute;
	left:0;
}
.type-of-order1{
	position:relative;
	margin:auto;
	width:220px;
	height:40px;
}
.number-of-order1{
	position:relative;
	margin:auto;
	width:220px;
}
.submit-order{
	position:relative;
	margin:auto;
	width:170px;
	height:40px;
}
.submit-send-order{
	position:relative;
	width:170px;
	height:40px;
	font-size:30px;
	transition: .5s;
	border:none;
	outline:none;
	cursor:pointer;
	border-radius:13px 13px 0 0 ;
	background:#009323;
	padding-bottom:2px;
	color:#fff;
	float:right;
}
.submit-send-order:hover{
	background:rgb(231 119 29);
}
.aa{
	height:500px;
}
.time-of-order{
	position:relative;
	margin: auto;
    width: max-content;
	top:45px;
	color:white;
    font-size: 30px;
    font-weight: bold;
	padding:30px 20px 20px 20px;
	background:rgb(231 119 29);
	text-align:center;
	z-index:0;
}
.llll{
	width:300px;
	top:-10px;
	position:relative;
	margin:auto;
}
.c1{
	position:absolute;
	width:15px;
	height:15px;
	background:#d4d2d2;
	left: -5.5px;
    top: -13.3px;
	border-radius:25px;
	z-index:1;
}
.c2{
	position:absolute;
	width:15px;
	height:15px;
	right: -5.6px;
    top: -13.3px;
	border-radius:25px;
	background:#d4d2d2;
	z-index:1;
}
.c3{
	position:absolute;
	width:15px;
	height:15px;
	background:#d4d2d2;
	left: -5.5px;
    top: 63.3px;
	border-radius:25px;
	z-index:1;
}
.c4{
	position:absolute;
	width:15px;
	height:15px;
	right: -5.7px;
    top: 63.3px;
	border-radius:25px;
	background:#d4d2d2;
	z-index:1;
}
.l1{
	position:absolute;
	width:2px;
	height:65px;
	background:#000;
	right:-1px;
	z-index:1;
}
.l2{
	position:absolute;
	width:2px;
	height:65px;
	background:#000;
	right:3px;
	z-index:1;
}
.l3{
	position:absolute;
	width:2px;
	height:65px;
	background:#000;
	left:-1px;
	z-index:1;
}
.l4{
	position:absolute;
	width:2px;
	height:65px;
	background:#000;
	left:3px;
	z-index:1;
}
.line1{
	height:2px;
	width:500px;
	top:45px;
	position:relative;
	margin:auto;
	background:#000;
}
.line2{
	height:2px;
	width:500px;
	top:45px;
	position:relative;
	margin:auto;
	background:#000;
}
.part1-phone{max-width:625px; position:relative; margin:auto; top:55px; padding:5px; padding-bottom:25px;}
.price-phone{position:relative;	width:98%; margin:auto; height:375px; border-radius:10px; background: rgb(255 255 255);}
.price-h-phone{text-align: center; font-size: 23px; color: #fff; font-weight: bold; height: 49px; background: #009323; border-radius: 10px 10px 0 0; padding-top:4px;}
.footer1{ position: relative; background:white; width: 100%;}
.footer2{max-width:1400px; position:relative; margin:auto; height:150px;}
.copy_right{ position: absolute; width: 100%; text-align:center; font-size: 13px; color: black; padding:11px 27px 18px 0px; bottom:0px;}
.follow_us{position: absolute; bottom: 50px; font-size: 22px; color: black; left: 200px;}
.lineoffollow{height:40px; width:1px; background:black; position:absolute; bottom:40px; left:180px;}
.facebook{position: absolute; left: 131px; bottom: 43px;}
.twitter{position: absolute; left: 78px; bottom: 43px;}
.instagram{position: absolute; left: 26px; bottom: 43px;}
.out-fill{
	height:20px;
	position:relative;
}
.app{
	max-width:600px;
	margin:auto;
	background:#fff;
	position:relative;
	border-radius: 25px;
	height:140px;
	display:none;
}
.right-app{
	position:absolute;
	height:45px;
	width:62%;
	right:10px;
}
.top-right-app{
	padding:10px;
	text-align:right;
	font-size:16px;
}
.bottom-right-app{
	
}
.be-line{
	height: 140px;
    width: 4px;
    position: absolute;
    background: #e3e3e3;
    left: 212px;
	display:block;
}
.left-app{
	position:absolute;
	width:32%;
	left:10px;
}
.google-play-out{
	position: absolute;
    left: 8px;
    top: 3px;
}
.app-store-out{
	position: absolute;
    top: 72px;
    left: 5px;
}
.google-play{
    width: 183px;
    height: 70px;
}
.app-store{
    width: 186px;
    height: 59px;
	
}
.suggestions{
	max-width:600px;
	margin:auto;
	background:rgb(255 255 255);
	position:relative;
	top:45px;
	border-radius: 25px;
}
.inf-suggestions{
	margin:auto;
	position:relative;
	width:max-content;
	font-size:30px;
	font-weight:bold;
	top:10px;
	height:60px;	
}
.inf-suggestions2{
	margin:auto;
	position:relative;
	width:max-content;
	font-size:16px;
	height:30px;	
}
.name-phone-sug{
	position:relative;
	max-width:400px;
	margin:auto;
}
.the-name-sug{
	position:relative;
	margin:auto;
	width:300px;
	height:40px;
}
.phone-number-sug{
	position:relative;
	margin:auto;
	width:300px;
	height:40px;
}
.message-sug-input{
	position:relative;
	margin:auto;
	width:300px;
}
.intext{
	min-height: 200px;
    width: 300px;
    border-radius: 15px;
    padding: 20px;
    font-size: 20px;
	transition: .5s;
	border:none;
	outline:none;
    background-color: #e3e3e3;
	color:#000;
	text-align:right;
    resize: none;
}
.suggestions form div div input{
	width:300px;
	height:30px;
	font-size:20px;
	transition: .5s;
	border:none;
	outline:none;
	padding:0 25px;
	border-radius:25px;
	background:#e3e3e3;
	color:#000;
	text-align:right;
}
.send-message{
	position:relative;
	margin:auto;
	width:170px;
	height:85px;
	padding-top:20px;
}
.submit-send-message{
	position:relative;
	width:170px;
	height:40px;
	font-size:30px;
	transition: .5s;
	border:none;
	outline:none;
	cursor:pointer;
	border-radius:13px;
	background:#009323;
	padding-bottom:0px;
	color:#fff;
	float:right;
}
.submit-send-message:hover{
	background:rgb(231 119 29);
}
.out-choose{
	max-width:600px;
	margin:auto;
	height:35px;
	background: hsla(0, 0%, 100%, 0.7294117647058823);
	position:relative;
	border-radius: 25px;
}
.in-choose{
	margin:auto;
	position:relative;
}
.input-new-account{
    position: absolute;
    top:5px;
	left:35%;
}
.input-old-account{
	position: absolute;
	top:5px;
	right:35%;
}


.login-out{
	max-width:600px;
	margin:auto;
	top:50px;
	position:relative;
	border: 1px solid;
	box-shadow: 0px 5px 40px 8px rgb(17 195 39 / 28%);
}
.inf-login-out{margin:auto; position:relative; width:max-content; font-size:30px; font-weight:bold; line-height:70px;}
.user-name{
	margin:auto;
	position:relative;
	max-width:281px;
}
.passward{
	margin:auto;
	position:relative;
	max-width:281px;
}

.submit-login{
	margin:auto;
	position:relative;
	width:172px;
}
.submit-login-send{
	position: relative;
    width: 170px;
    height: 40px;
    font-size: 20px;
    transition: .5s;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 13px;
    background: #009323;
    padding-bottom: 2px;
    color: #fff;
}
#em-pass{
	width:2px;
}
.login-out form div input{
	width: 100%;
    height: 30px;
    font-size: 20px;
    transition: .5s;
    outline: none;
    padding: 0 25px;
    border-radius: 25px;
    background: white;
    color: black;
}
.passward-check{
	width:max-content;
	height:max-content;
	position:relative;
	margin:auto;
}
.forget{
	position:relative;
	top:70px;
	width:max-content;
	margin:auto;
}

.inf-sign-up-out{
	margin:auto;
	position:relative;
	width:max-content;
	font-size:30px;
	font-weight:bold;
	height:max-content;
}
.first-name{
	margin:auto;
	top:15px;
	position:relative;
	width:max-content;
}
.last-name{
	margin:auto;
	top:25px;
	position:relative;
	width:max-content;
}
.id-sign-up{
	margin:auto;
	top:35px;
	position:relative;
	width:max-content;
}
.phone-num{
	margin:auto;
	top:90px;
	position:relative;
	width:max-content;
}
.type-sign-up{top: -215px; position: relative;}

.type-in{
	position:absolute;
	left:175px;
	top:260px;
}
.male{
	position:absolute;
	left:232px;
	top:260px;
}
.radio-male{
	position:absolute;
	left:272px;
	top:257px;
	width:15px;
}
.female{
	position:absolute;
	left:300px;
	top:260px;
}
.radio-female{
	position:absolute;
	left:355px;
	top:257px;
	width:15px;
}
.sign-up-out form div input{
	width: 280px;
    height: 30px;
    font-size: 20px;
    transition: .5s;
    border: solid;
    border-color: hsl(134deg 100% 29%);
    outline: none;
    padding: 0 25px;
    border-radius: 25px;
    background: #e3e3e3;
    color: #000;
    text-align: left;
}
.zone{
	margin:auto;
	top:100px;
	position:relative;
	width:max-content;
}
.address-sign-up{
	margin:auto;
	top:110px;
	position:relative;
	width:max-content;
}
.passward-sign-up{
	margin:auto;
	top:120px;
	position:relative;
	width:max-content;
}
.passward-check-sign-up{
	width:max-content;
	height:max-content;
	position:absolute;
	left: 180px;
    top: 345px;
}
.submit-sign-up{
	margin:auto;
	top:170px;
	position:relative;
	width:max-content;
}
.submit-sign-up-send{
	position: relative;
    width: 170px;
    height: 40px;
    font-size: 30px;
    transition: .5s;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 13px;
    background: #009323;
    padding-bottom: 2px;
    color: #fff;
}
.forget-out{
	max-width:600px;
	height:290px;
	margin:auto;
	background: hsla(0, 0%, 100%, 0.7294117647058823);
	position:relative;
	border-radius: 25px;
}
.inf-forget-out{
	margin:auto;
	position:relative;
	width:max-content;
	font-size:30px;
	top:5px;
	font-weight:bold;
	height:max-content;
}
.inf-forget-in{
	margin:auto;
	position:relative;
	width:400px;
	text-align:center;
	top:14px;
	font-size:14px;
	height:max-content;
}
.forget-phone{
	margin:auto;
	top:55px;
	position:relative;
	width:max-content;
}
.submit-forget{
	margin:auto;
	top:82px;
	position:relative;
	width:max-content;
}
.submit-forget-send{
	position: relative;
    width: 170px;
    height: 40px;
    font-size: 30px;
    transition: .5s;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 13px;
    background: #009323;
    padding-bottom: 2px;
    color: #fff;
}
.forget-out form div input{
	width: 280px;
    height: 30px;
    font-size: 20px;
    transition: .5s;
    border: none;
    outline: none;
    padding: 0 25px;
    border-radius: 25px;
    background: #e3e3e3;
    color: #000;
    text-align: right;
}
.code-out{
	max-width:600px;
	height:290px;
	margin:auto;
	background: hsla(0, 0%, 100%, 0.7294117647058823);
	position:relative;
	border-radius: 25px;
}
.inf-code-out{
	margin:auto;
	position:relative;
	width:max-content;
	font-size:30px;
	top:5px;
	font-weight:bold;
	height:max-content;
}
.inf-code-in{
	margin:auto;
	position:relative;
	width:400px;
	text-align:center;
	top:14px;
	font-size:14px;
	height:max-content;
}
.code-phone{
	margin:auto;
	top:55px;
	position:relative;
	width:max-content;
}
.submit-code{
	margin:auto;
	top:82px;
	position:relative;
	width:max-content;
}
.submit-code-send{
	position: relative;
    width: 170px;
    height: 40px;
    font-size: 30px;
    transition: .5s;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 13px;
    background: #009323;
    padding-bottom: 2px;
    color: #fff;
}
.code-out form div input{
	width: 280px;
    height: 30px;
    font-size: 20px;
    transition: .5s;
    border: none;
    outline: none;
    padding: 0 25px;
    border-radius: 25px;
    background: #e3e3e3;
    color: #000;
    text-align: right;
}
.search-out{
	position:relative;
	margin:auto;
	width:750px;
	height:500px;
	background:#fff;
	background: hsla(0, 0%, 100%, 0.7294117647058823);
	border-radius:25px;
}
.search-inf{
	margin: auto;
    position: relative;
    width: max-content;
    font-size: 30px;
    font-weight: bold;
    top: 10px;
}
.address-new-order{position:absolute; top:15px; left:490px;}
.la-address{ position: relative;}
.name-new-order{position:absolute; top:15px; left:15px;}
.phone-new-order{position:absolute; top:15px; left:250px;}
.type-new-order{position:absolute; top:65px; left:15px;}
.client-new-order{position:absolute; top:65px; left:250px;}
.weight-new-order{position:absolute; top:95px; left:490px; width:max-content;}
.cash-new-order{position:absolute; top:125px; left:490px; width:max-content;}
.delivery-new-order{position:absolute; top:155px; left:490px; width:max-content;}
.backup-hub-new-order{position:absolute; top:115px; left:15px;}
.delivery-hub-new-order{position:absolute; top:156px; left:15px;}
.btn-div-new-order{position:relative; top:215px; margin:auto; width:max-content}
.order-table{position:relative; width:max-content; top:60px; left:120px;}

.all-exp{position:absolute; width:max-content; left:375px; top:61px;}
#setareatransport{top:110px;}
#sumarea{left:410px;}
#sumarea1{left:410px;}
#sumarea2{display:none; left:117px;}
#mytable output{position:absolute; top:-33px; left:540px; color:red; font-weight:bold;}
.btn_all_hold{position:absolute; width:max-content; left:430px;}
.btn_all{position:absolute; width:max-content; left:375px; top:5px;}
#loadholdorder{top:0px}
.ex_add1{position:absolute; top:30px; left:225px;}
.ex_add2{position:absolute; width:max-content; top:72px; left:225px;}
.br_1{width:100px;}
.br_2{width:120px;}
.br_3{width:140px;}
.br_4{width:100px;}
.br_5{width:90px;}
.br_6{width:90px;}
.tra_1{width:100px;}
.tra_2{width:120px;}
.tra_3{width:140px;}
.tra_4{width:100px;}
.price1{position: absolute; width: 180px; border:1px solid #b9b9b9; height: 180px; right: 15px; top: 62px;}
.price2{position: absolute; width: 180px; border: 1px solid #b9b9b9; height: 180px; right: 210px; top: 62px;}
.price3{position: absolute; width: 180px; border: 1px solid #b9b9b9; height: 298px; right: 405px; top: 62px;}
.paqa{background: rgb(231 119 29); padding:2px; height: 30px;top: 8px;position: relative;width: 120px;margin: auto;border-radius: 40px 0px 40px 40px; font-weight:bold; color:white; text-align:center;}
.montharea{display:none; position: absolute;bottom: 15px;border: 1px solid #c4c4c4;left: 213px; height: 112px; width: 373px;}
.dis_area_1{position: absolute;left: 10px; top: 9px; color: #009323;font-weight: bold;font-size: 19px;}
.dis_area_2{position: absolute;top: 8px; right: 125px; text-align:center; width:90px; background: rgb(231 119 29); padding: 6px; height: 33px;font-size: 16px;border-radius: 12px; color: white; font-weight: bold;}
.dis_area_3{position: absolute; right: 16px; width:90px; top: 8px; text-align:center; background: rgb(231 119 29); padding: 6px; height: 33px; border-radius: 12px; color: white; font-size: 16px; font-weight: bold;}
.dis_area_4{ position: absolute; bottom: 44px; font-size: 13px; right: 33px;}
.dis_area_5{position: absolute; bottom: 6px;font-size: 13px; padding: 4px; right: 33px; text-align: right;}
#addnewcash{height:155px; top:0px;}
.ul_1{height: 127px; top: 8px; position: relative; width: 166px; margin: auto;}
.ul_2{height: 127px; top: 8px; position: relative; width: 166px; margin: auto;}
.inner_price{font-size: 12px; text-align: right; padding: 5px;}
.outer_price{font-size:18px; text-align:right; padding-top:9px; padding-right:15px;}
.inner_price1{font-size: 12px; text-align: right; padding: 5px; position:relative; top:6px;}
.short_1{position:absolute; color:black; right:20px; top:15px; font-size:13px;}
.short_2{position:absolute; color:black; right:150px; top:15px; font-size:13px;}
.short_3{position:absolute; color:black; right:270px; top:15px; font-size:13px;}
.short_4{position:absolute; color:black; right:20px; top:45px; font-size:13px;}
.short_5{position:absolute; color:black; right:150px; top:45px; font-size:13px;}
.short_6{position:absolute; color:black; right:270px; top:45px; font-size:13px;}
.short_7{position:absolute; color:black; right:20px; top:75px; font-size:13px;}
.short_8{position:absolute; color:black; left:2%; top:10px; font-size:10px; width:38%}
.short_9{position:absolute; color:black; left:8%; top:28px;}
.short_10{position:absolute; color:black; left:4%; top:29px;}
.short_11{position:absolute; color:black; left:26%; top:28px;}
.short_12{position:absolute; color:black; left:22%; top:29px;}
.footer_logo{position: relative; width: max-content; margin: auto; top: 20px; right:10px;}
.footer_logo1{ width:90px; height:90px;}

@media (max-width:760px){
    .footer_logo{display:none;}
	.login-out{width:90%;}
}
@media (max-width:450px){
	nav{height:50px;}
	.home-name{font-size:36px; height:50px; line-height:50px;}
	.home-nameendes{font-size:12px; left:19px; top:33px;}
	.out-welc{ font-size:11px; height:50px;}
	.out-welc12{ font-size:11px; height:50px; left:80px;}
	.profile{right:16px;height:50px; font-size:15px;}
	.emppar{display:none;}
	.emppar1{display:block;}
	.empprofile{margin-left:55px;}
	.profile-table{font-size:12px; width:230px;}
	.profile-table tr{height:29px;}
	.manger-expenses{left:0px; margin-left:50px; position:sticky; padding-top:5px;}
	#mytable1{font-size:12px;}
	#mytable1 tr {height:29px;}
	#mytable{font-size:12px;}
	#mytable tr {height:29px;}
	#branchtable{font-size:12px;}
	.search-order{top:28px; left:0px;}
	#sumarea{top:68px; left:0px;}
	#sumarea1{top:68px; left:0px;}
	#sumarea2{left:90px;}
	.expenses-table{top:105px;}
	.all-exp{left:204px; top:43px;}
	#mytable output{left:140px; top:-20px; font-size:15px;}
	.back-login{top:9px;}
	.login-out{width:95%; top:40px;}
	.logout{height:24px; top:50px; padding:2px; width:90px;}
	.ex_table1{width:40px;}
	.ex_table2{width:40px;}
	.ex_table3{width:63px;}
	.ex_table4{width:82px;}
	.ex_table5{width:50px;}
	.ex_add1{top:140px; left:50px;}
	.ex_add2{top:200px; left:50px;}
	.btn_all_hold{left:50px; top:70px;}
	.btn_all{left:220px; top:45px;}
	#loadholdorder{top:2px}
	.disp{display:none}
	.edit-order{left:0px; top:110px;}
	#tablearea2{left:210px;}
	#tableareamanger{left:210px;}
	#tableareacustomer{left:210px;}
	#tableareaofficer{left:210px;}
	#tableareatreat{left:210px;}
	#tableareahub{left:210px;}
	#tableareaclient{left:210px;}
	#tableareahold{left:210px;}
	#tableareabranches{top:30px;}
	.br_2{width:70px;}
	.br_4{width:65px;}
	.br_5{width:65px;}
	.br_6{width:65px;}
	#searchareaclient{left:0px; top:28px;}
	#tableareatransport{top:300px;}
	#setareatransport{top:200px;}
	#editareatransport{top:80px;}
	#transporttable{font-size:12px;}
	.tra_1{width:65px;}
	.tra_2{width:55px;}
	.tra_3{width:55px;}
	.tra_4{width:85px;}
	#addnewcash{top:90px;}
	#selectclientwork{left:20px; top:40px;}
	#tableclientorder{top:250px;}
	.sign-up-out{width:265px; left:0px;}
	.sign-up-out form div input{width:230px; height:27px; }
	.type-sign-up{top:-218px; left:-138px;}
	.inf-login-out{width:max-content; font-size:22px;}
	.login-out form div input{font-size:14px;}
	.user-name{width:90%;}
	.passward{width:90%;}
	.passward-check{position:relative; margin:auto;}
	.chechbtn{line-height:50px; padding-top:0px; font-size:26px; }
	.business{height: 50px; padding-top: 17px; font-size:12px;}
	.send-order{padding-left:20px; padding-right:20px;}
	.footer2{height:200px;}
	.the-name{position:relative; width:max-content; margin:auto; top:-30px;}
	.phone-number{position:relative; width:max-content; margin:auto; top:-23px;}
	.type-of-order{position:relative; width:max-content; margin:auto; top:-14px;}
	.number-of-order{position:relative; width:max-content; margin:auto; top:-6px;}
	.line1{width:85%}
	.line2{width:85%}
	.name-phone{width:100%}
	.all-order{width:100%}
	.inf-send-order{font-size:21px; height:80px;}
	.time-of-order{font-size:21px;}
	.c1{left:30.5px;}
	.c2{right:30.5px;}
	.c3{left:30.5px;}
	.c4{right:30.5px;}
	.l1{right:35px;}
	.l2{right:39px;}
	.l3{left:35px;}
	.l4{left:39px;}
	.price-h-phone{padding-top:10px;}
	.part1-phone{padding-left:20px; padding-right:20px;}
	.suggestions1{padding:26px;}
	.suggestions form div div input{width:250px;}
	.intext{width:250px;}
	.name-phone-sug{width:250px;}
	.the-name-sug{width:250px;}
	.message-sug-input{width:250px;}
	.copy_right{width: max-content; right:10px; bottom:0px;}
	.follow_us{bottom: 51px; left:143px;}
	.facebook{left: 95px; bottom: 46px;}
	.twitter{left:55px; bottom: 46px;}
	.instagram{left: 15px; bottom: 46px;}
	.lineoffollow{height:40px; width:1px; bottom:41px; left:135px;}
	.ul-menu{top:50px;}
	.price1{width: 75%; height: 200px; right: 0px; top: 10px; position:relative; margin:auto;}
	.price2{width: 75%; height: 160px; left: 0px; top: 23px; position:relative; margin:auto;}
	.price3{width: 75%; height: 295px; right: 0px; top: 36px; position:relative; margin:auto;}
	.price-phone{height:760px;}
	.ul_1{width:75%;}
	.ul_2{width:75%;}
	.paqa{padding-top:7px;}
	.inner_price{font-size: 16px; }
	.outer_price{font-size: 21px; }
	.inner_price1{font-size: 16px; right:43px;}
	.dis_area_1{left:16px; top:9px;}
	.dis_area_2{top:10px; right:30px;}
	.dis_area_3{top:50px; right:30px;}
	.dis_area_4{bottom:51px; right:8px;}
	.dis_area_5{bottom:8px; right:8px;}
	.montharea {position: relative; margin: auto; height: 160px;width: 90%; left:0px; top: 50px;}
	.inf-suggestions2{width:100%; height:50px; text-align:center;}
	.phone-number-sug{width:250px;}
	.submit-send-message{font-size:23px; padding-bottom:15px;}
	.submit-send-order{font-size:23px; padding-bottom:15px;}
	.short_1{top:10px;}
	.short_2{right:135px; top:10px;}
	.short_3{right:135px; top:35px;}
	.short_4{top:35px;}
	.short_5{right:20px; top:60px;}
	.short_6{right:135px; top:60px;}
	.short_7{top:85px;}
	.footer_logo{display:block; position: absolute; width: max-content; right: 245px; top: 162px; z-index:1;}
	.footer_logo1{ width:30px; height:30px;}
	.short_9{top:48px;}
	.short_10{top:48px; left:6px;}
	.short_11{top:75px; left:8%;}
	.short_12{top:75px; left:6px;}
	.areatable22{font-size:12px;}
	.areatableheader{ font-size: 15px;}
	.main_div_area_price{height:max-content;}
}