/**********************************************************************
 * Styles.css                                                         *
 *                                                                    *
 * This file is initially empty and you can add any additional styles *
 * or modify any of the styles defined in BaseStyles.css              *
 * This file will never be overwritten.                               *
 *                                                                    *
 * For example, if you want to override just the top padding for a    *
 * menu, you can simply add the following lines:                      *
 *                                                                    *
 * .menus {                                                           *
 * 	padding-top: 20px;                                            *
 * 	}                                                             *
 *                                                                    *
 * This will keep all the other styles of the "menus" style as-is,    *
 * but modify the top padding to be 20px.                             *
 *                                                                    *
 * You can also, add a new style by just specifying it.               *
 *                                                                    *
 * .menus {                                                           *
 * 	padding-top: 20px;                                            *
 * 	text-align: center;                                           *
 * 	}                                                             *
 * 	                                                              *
 * In the above case, we added the text-align style.  This style was  *
 * not specified in the original declaration of the menus style.      *
 *                                                                    *
 **********************************************************************/

.pageBackground, .pBack { /* body */
	background-color: #ffffff;
	font-family: 'Open Sans Condensed', Arial, Verdana, sans-serif;
	margin-left: auto;
	margin-right: auto;
	padding-top: auto;
	margin-bottom: 35px;
	width: 100%;
	height: 100%;
	

	}


.pageBackground, .pBackCashier{ /* body */
	background-color: #ffffff;
	font-family: 'Open Sans Condensed', Arial, Verdana, sans-serif;
	margin-left: auto;
	margin-right: auto;
	padding-top: auto;
	margin-bottom: 35px;

	width: 100%;
	height: 100%;
	


}




.JVFly { /* body */
	background-color: #ffffff;
	font-family: 'Open Sans Condensed', Arial, Verdana, sans-serif;
	margin-left: auto;
	margin-right: auto;
	padding-top: auto;
	margin-bottom: 0px;
	width: 100%;
	height: 100%;
	}

.pBackJVFly{ /* body */
	background-color: #ffffff;
	font-family: 'Open Sans Condensed', Arial, Verdana, sans-serif;
	margin-left: auto;
	margin-right: auto;
	padding-top: 35px;
	margin-bottom: 0px;
	width: 100%;
	height: 100%;
	}
/************************SignIn******************************/
	
/**********************Tenant Home Page**********************/


.pageBackground, .pBackAdmin{ /* body */
  
 
	background-color: #ffffff;
	font-family: 'Open Sans Condensed', Arial, Verdana, sans-serif;
	margin-left: auto;
	margin-right: auto;
	margin-top:autopx;
	margin-bottom: 35px;
	padding-top: autopx;
	
	width: 100%;
	height: 100%;	
	
	}
	
	
	
.pBackTrnsparent{
	background-color: rgba(255, 255, 255, 0.0) !important;
	font-family: 'Cairo','Open Sans Condensed', Arial, Verdana, sans-serif;
	margin-left: auto;
	margin-right: auto;
	margin-top:auto;
	margin-bottom: 35px;
	padding-top: 0 px;
	
	width: 100%;
	height: 100%;	


  
	
	}

	
.pBackPrintReceipt{

	background: #ffffff;


	/*-webkit-background-size: 100% 100%; /*for webKit*/
    /*-moz-background-size: 100% 100%; /*Mozilla*/
    /*-o-background-size: 100% 100%; /*opera*/
    /*background-size: 100% 100%; /*generic*/

	font-family:  Helvetica, Arial, Verdana, sans-serif;
	
    padding-top: 0px !important; 
	padding-bottom: 0px !important; 
	padding-left: 0px !important; 
	padding-right: 0px !important; 
	
    margin-left: 0px !important; 
    margin-right: 0px !important; 
	margin-bottom: 0px !important; 
	margin-top:0px !important; 
	

	}	

.pBackPrintReport{

	background: #ffffff;


	/*-webkit-background-size: 100% 100%; /*for webKit*/
    /*-moz-background-size: 100% 100%; /*Mozilla*/
    /*-o-background-size: 100% 100%; /*opera*/
    /*background-size: 100% 100%; /*generic*/

	font-family:  Helvetica, Arial, Verdana, sans-serif;
	
    padding-top: 0px !important; 
	padding-bottom: 0px !important; 
	padding-left: 0px !important; 
	padding-right: 0px !important; 
	
    margin-left: 0px !important; 
    margin-right: 0px !important; 
	margin-bottom: 0px !important; 
	margin-top:0px !important; 


	}		
	

.pBackAiAgent{

	background: #ffffff;
    

	/*-webkit-background-size: 100% 100%; /*for webKit*/
    /*-moz-background-size: 100% 100%; /*Mozilla*/
    /*-o-background-size: 100% 100%; /*opera*/
    /*background-size: 100% 100%; /*generic*/

	font-family:  Helvetica, Arial, Verdana, sans-serif;
	
    padding-top: 0px !important; 
	padding-bottom: 0px !important; 
	padding-left: 0px !important; 
	padding-right: 0px !important; 
	
    margin-left: 0px !important; 
    margin-right: 0px !important; 
	margin-bottom: 100px !important; 
	margin-top:0px !important; 


	}	
	
	
.pageBackground, .pBackAdminWhite{ /* body */
  
 
	background-color: #ffffff !important;
	font-family: 'Open Sans Condensed', Arial, Verdana, sans-serif;
	margin-left: 0px;
	margin-right: 0px;
	margin-top:0px;
	margin-bottom: 35px;
	padding-top: 0px;
	
	width: 100%;
	height: 100%;	
	
	}	
/*************************************************************/
.pageBackground, .pBackSignIn{ /* body */
  
 
	background-color: #ffffff;
	font-family: 'Open Sans Condensed', Arial, Verdana, sans-serif;
	margin-left: 0px;
	margin-right: 0px;
	margin-top:0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom:0px;
	
	
    
/*	background:linear-gradient(
      rgba(0, 0, 0, 0.5), 
      rgba(0, 0, 0, 0.5)
	  
    ),url(../../images/SignIn_bg.jpg) ;
	
    background-position: top center;
	background-attachment:fixed;
    background-repeat:no-repeat;
	
	-webkit-background-size: 100% 100%;
   -moz-background-size: 100% 100%;
   -o-background-size: 100% 100%;
  background-size: 100% 100%;*/



  
	width: 100%;
	height: 100%;	
	overflow: hidden;
	}
	






.BackHelp{ /* body */
  
 
	background-color: #ffffff;
	font-family: 'Open Sans Condensed', Arial, Verdana, sans-serif;
	margin-left: 0px;
	margin-right: 0px;
	margin-top:0px;
	margin-bottom: 35px;
	padding-top: 0px;
	padding-bottom:0px;
	  
	width: 100%;
	height: 100%;	
	overflow: hidden;
	}
	
/*************************************************************/
.BackStartHome{ /* body */
  
 
	/*background-color: #ffffff;*/
	font-family: 'Open Sans Condensed', Arial, Verdana, sans-serif;
	margin-left: 0px;
	margin-right: 0px;
	margin-top:0px;
	margin-bottom: 0px;
	padding-top: 0px;
	
	
	
    
	background:linear-gradient(
      rgba(54, 56, 64, 0.7), 
      rgba(54, 56, 64, 0.7)
	  
    ),url(../../images/Start_bg.jpg) ;
	
    background-position: top center;
	background-attachment:fixed;
    background-repeat:no-repeat;
	
	-webkit-background-size: 100% 100%;
   -moz-background-size: 100% 100%;
   -o-background-size: 100% 100%;
  background-size: 100% 100%;


	-webkit-background-size: 100% 100%;
   -moz-background-size: 100% 100%;
   -o-background-size: 100% 100%;
  background-size: 100% 100%;


  
	width: 100%;
	height: 100%;	
	
/*background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(240)'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%23FFFFFF'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='540' height='450' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.03'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;	*/
	
	
/*background-color: #FFFFFF;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cpolygon fill='%23d45d79' points='957 450 539 900 1396 900'/%3E%3Cpolygon fill='%23d45d79' points='957 450 872.9 900 1396 900'/%3E%3Cpolygon fill='%23c3566f' points='-60 900 398 662 816 900'/%3E%3Cpolygon fill='%23c35670' points='337 900 398 662 816 900'/%3E%3Cpolygon fill='%23b24e66' points='1203 546 1552 900 876 900'/%3E%3Cpolygon fill='%23b34e66' points='1203 546 1552 900 1162 900'/%3E%3Cpolygon fill='%23a1475c' points='641 695 886 900 367 900'/%3E%3Cpolygon fill='%23a3475d' points='587 900 641 695 886 900'/%3E%3Cpolygon fill='%23914053' points='1710 900 1401 632 1096 900'/%3E%3Cpolygon fill='%23934054' points='1710 900 1401 632 1365 900'/%3E%3Cpolygon fill='%2381394a' points='1210 900 971 687 725 900'/%3E%3Cpolygon fill='%2383394b' points='943 900 1210 900 971 687'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;	*/


/*background-color: #FFFFFF;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cpolygon fill='%23d45d79' points='957 450 900 1396 900'/%3E%3Cpolygon fill='%23d45d79' points='957 450  900 1396 900'/%3E%3Cpolygon fill='%23c3566f' points='-60 900 1 662 816 900'/%3E%3Cpolygon fill='%23c35670' points='337 900 500 662 816 900'/%3E%3Cpolygon fill='%23b24e66' points='1203 546 1552 900 876 900'/%3E%3Cpolygon fill='%23b34e66' points='1203 546 1552 900 1162 900'/%3E%3Cpolygon fill='%23a1475c' points='641 695 886 900 367 900'/%3E%3Cpolygon fill='%23a3475d' points='587 900 641 695 886 900'/%3E%3Cpolygon fill='%23914053' points='1710 900 1401 632 1096 900'/%3E%3Cpolygon fill='%23934054' points='1710 900 1401 632 1365 900'/%3E%3Cpolygon fill='%2381394a' points='1210 900 971 687 725 900'/%3E%3Cpolygon fill='%2383394b' points='943 900 1210 900 971 687'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;*/


overflow: hidden;


}
	

	
/*   End */	
.BackStartHome-White{
	background-color: #ffffff;
	font-family: 'Open Sans Condensed', Arial, Verdana, sans-serif;
	margin-left: 0px;
	margin-right: 0px;
	margin-top:0px;
	margin-bottom: 0px;
	padding-top: 0px;

  
	width: 100%;
	height: 100%;

}


.BackStartHome-Final{
	background-color: #ffffff;
	font-family: 'Open Sans Condensed', Arial, Verdana, sans-serif;
    box-sizing: border-box;
    margin: 0;
    padding: 0;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden; 
  
	width: 100%;
	height: 100%;

}





	
.pBackRegistration{

	background-color: #ffffff;
	font-family: 'Open Sans Condensed', Arial, Verdana, sans-serif;
	margin-left: 0px;
	margin-right: 0px;
	margin-top:0px;
	margin-bottom: 0px;
	padding-top: 0px;

  
	width: 100vw;
	height: 100vh;	
	max-width:100%;  /* added */

}
	
	
.dv_signin { /* SIGNIN - panel container (SignIn */
    border: 0px;
/*	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;*/
	
/*	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;*/

    
  
   padding-top: 1% !important;
 /*  margin-top: 50px !important;*/
   
/*    left:50%;
    padding:10px;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);	
	
	text-align: center;
	vertical-align: middle;
	
	background-color: rgba(255,255,255, 1);
	
      position: fixed;*/
  padding-left:40px;
 padding-right:40px;
	  box-shadow: 0px 50px 225px -10px #000;
  background:rgba(255,255,255,0.955);

 margin-left:55%;
 margin-top:3.5%;
 margin-bottom:3.5%;
 float: right ; position:absolute;
 /*height:75%;*/
 /*width:28%;*/
}	

.Banner_signin { /* SIGNIN - panel container (SignIn */
    border: 0px;

  
   padding-top: 20px !important;
 
   /*padding-left:40px;
   padding-right:40px;*/
   /*box-shadow: 0px 50px 225px -10px #000;*/
   /*background:rgba(255,255,255,0.955);*/

   margin-left:10%;
   margin-top:12%;
   margin-bottom:5%;
   float: left ;position:absolute;
   /*height:75%;*/
   width:40%;

}



.container_Signin{
 display: flex;
  height: 100vh; /* Full viewport height */


}

.left-side, .right-side {
  flex: 1; /* Equal flex distribution */
  height: 100vh; /* Occupy full height */


}

/* Example styles for the sides */
.left-side {
  background-color: #e6e6e6; /* Light gray background for left side */
  width: 50vw; /* Occupy 50% of the viewport width */
 /* height:100vh;
  max-height:100%;*/

  
  
 	/*background:linear-gradient(
      rgba(0, 0, 0, 0.5), 
      rgba(0, 0, 0, 0.5)
	  
    ),url(../../images/background.gif) ;
 
    background-position: top center;
	background-attachment:fixed;
    background-repeat:no-repeat;
	
	-webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%; 
    background-size: 100% 100%;*/
	
/*background-color: #83394B;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 800'%3E%3Cg %3E%3Ccircle fill='%2383394B' cx='400' cy='400' r='600'/%3E%3Ccircle fill='%23934054' cx='400' cy='400' r='500'/%3E%3Ccircle fill='%23a3475d' cx='400' cy='400' r='400'/%3E%3Ccircle fill='%23b34e66' cx='400' cy='400' r='300'/%3E%3Ccircle fill='%23c35670' cx='400' cy='400' r='200'/%3E%3Ccircle fill='%23D45D79' cx='400' cy='400' r='100'/%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;*/



/*background-color: #83394B;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 1000'%3E%3Cg fill-opacity='0.96'%3E%3Ccircle fill='%2383394B' cx='50' cy='0' r='50'/%3E%3Cg fill='%23883b4e' %3E%3Ccircle cx='0' cy='50' r='50'/%3E%3Ccircle cx='100' cy='50' r='50'/%3E%3C/g%3E%3Ccircle fill='%238d3e51' cx='50' cy='100' r='50'/%3E%3Cg fill='%23924054' %3E%3Ccircle cx='0' cy='150' r='50'/%3E%3Ccircle cx='100' cy='150' r='50'/%3E%3C/g%3E%3Ccircle fill='%23974256' cx='50' cy='200' r='50'/%3E%3Cg fill='%239b4459' %3E%3Ccircle cx='0' cy='250' r='50'/%3E%3Ccircle cx='100' cy='250' r='50'/%3E%3C/g%3E%3Ccircle fill='%23a0465b' cx='50' cy='300' r='50'/%3E%3Cg fill='%23a4485e' %3E%3Ccircle cx='0' cy='350' r='50'/%3E%3Ccircle cx='100' cy='350' r='50'/%3E%3C/g%3E%3Ccircle fill='%23a84a60' cx='50' cy='400' r='50'/%3E%3Cg fill='%23ac4b62' %3E%3Ccircle cx='0' cy='450' r='50'/%3E%3Ccircle cx='100' cy='450' r='50'/%3E%3C/g%3E%3Ccircle fill='%23b04d65' cx='50' cy='500' r='50'/%3E%3Cg fill='%23b44f67' %3E%3Ccircle cx='0' cy='550' r='50'/%3E%3Ccircle cx='100' cy='550' r='50'/%3E%3C/g%3E%3Ccircle fill='%23b85169' cx='50' cy='600' r='50'/%3E%3Cg fill='%23bc526b' %3E%3Ccircle cx='0' cy='650' r='50'/%3E%3Ccircle cx='100' cy='650' r='50'/%3E%3C/g%3E%3Ccircle fill='%23bf546d' cx='50' cy='700' r='50'/%3E%3Cg fill='%23c3556f' %3E%3Ccircle cx='0' cy='750' r='50'/%3E%3Ccircle cx='100' cy='750' r='50'/%3E%3C/g%3E%3Ccircle fill='%23c65771' cx='50' cy='800' r='50'/%3E%3Cg fill='%23ca5973' %3E%3Ccircle cx='0' cy='850' r='50'/%3E%3Ccircle cx='100' cy='850' r='50'/%3E%3C/g%3E%3Ccircle fill='%23cd5a75' cx='50' cy='900' r='50'/%3E%3Cg fill='%23d15c77' %3E%3Ccircle cx='0' cy='950' r='50'/%3E%3Ccircle cx='100' cy='950' r='50'/%3E%3C/g%3E%3Ccircle fill='%23D45D79' cx='50' cy='1000' r='50'/%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: contain;*/


background-color: #D45D79;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cpolygon fill='%2383394b' points='957 450 539 900 1396 900'/%3E%3Cpolygon fill='%2383394b' points='957 450 872.9 900 1396 900'/%3E%3Cpolygon fill='%238e3e51' points='-60 900 398 662 816 900'/%3E%3Cpolygon fill='%238f3f52' points='337 900 398 662 816 900'/%3E%3Cpolygon fill='%23994357' points='1203 546 1552 900 876 900'/%3E%3Cpolygon fill='%239c4459' points='1203 546 1552 900 1162 900'/%3E%3Cpolygon fill='%23a4485d' points='641 695 886 900 367 900'/%3E%3Cpolygon fill='%23a94a60' points='587 900 641 695 886 900'/%3E%3Cpolygon fill='%23af4d64' points='1710 900 1401 632 1096 900'/%3E%3Cpolygon fill='%23b65068' points='1710 900 1401 632 1365 900'/%3E%3Cpolygon fill='%23ba526a' points='1210 900 971 687 725 900'/%3E%3Cpolygon fill='%23c3566f' points='943 900 1210 900 971 687'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;

/*background-color: #83394B;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23D45D79'/%3E%3Cstop offset='1' stop-color='%2383394B'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%23ac4b62'/%3E%3Cstop offset='1' stop-color='%2383394B'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg transform='rotate(0 0 0)'%3E%3Cg transform='rotate(0 0 0)'%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform='rotate(0 0 0)'%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0.1' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;*/


 
}

.right-side {
  background-color: #ffffff; /* Lighter gray background for right side */
  width: 50vw; /* Occupy 50% of the viewport width */
 
 /* height:100vh;
  max-height:100%;*/
 
 
}





/*****************Home Main********************/

.container_Home{
 display: flex;
  height: 100vh; /* Full viewport height */


}

.left-side-home, .right-side-home {
  flex: 1; /* Equal flex distribution */
  height: 100vh; /* Occupy full height */

   }


.left-side-home {
  
  width: 50vw; /* Occupy 50% of the viewport width */
 
 vertical-align:middle;
 /* height:100vh;
  max-height:100%;*/
/*background-color: #D45D79;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cpolygon fill='%2383394b' points='957 450 539 900 1396 900'/%3E%3Cpolygon fill='%2383394b' points='957 450 872.9 900 1396 900'/%3E%3Cpolygon fill='%238e3e51' points='-60 900 398 662 816 900'/%3E%3Cpolygon fill='%238f3f52' points='337 900 398 662 816 900'/%3E%3Cpolygon fill='%23994357' points='1203 546 1552 900 876 900'/%3E%3Cpolygon fill='%239c4459' points='1203 546 1552 900 1162 900'/%3E%3Cpolygon fill='%23a4485d' points='641 695 886 900 367 900'/%3E%3Cpolygon fill='%23a94a60' points='587 900 641 695 886 900'/%3E%3Cpolygon fill='%23af4d64' points='1710 900 1401 632 1096 900'/%3E%3Cpolygon fill='%23b65068' points='1710 900 1401 632 1365 900'/%3E%3Cpolygon fill='%23ba526a' points='1210 900 971 687 725 900'/%3E%3Cpolygon fill='%23c3566f' points='943 900 1210 900 971 687'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;*/

}

/* Example styles for the sides */
.right-side-home {
 /* background-color: #e6e6e6; /* Light gray background for left side */

width: 50vw;


vertical-align:middle;
  
}
	
	
	
	
	
.Home-Main-Right { /* SIGNIN - panel container (SignIn */
    border: 0px;
  
  /*padding-left:40px;
 padding-right:40px;*/

  background:rgba(255,255,255,0.0);

/* margin-left:45%;
 margin-top:1%;
 margin-bottom:5%;
 float: right ; position:absolute;*/

}	

.Home-Main-Left { /* SIGNIN - panel container (SignIn */
    border: 0px;
 
 /*  padding-top: 20px !important;

   margin-left:5%;
   margin-top:1%;
   margin-bottom:5%;
   float: left ;position:absolute;*/
   width:100%;
   left:0px;
   right:0px;
   float:center !important;
   align:center !important;

   display:block;
   padding-bottom:50px;
   
}



.Home_Main_Logo{
padding-top:0px;
width:250px;
height:69px;
padding-left:0px;

    -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;	
}	


/**********************Help************************/

.Help-container {
  display: flex;
  width:100%;
  height:100%;
}

.Help-left,
.Help-right {
  height: 100vh;
  width: 100vw;
  
}

.Help-left {
  flex: 0 0 30%; /* This sets the left part to 30% width */
  width:30vw;
  height:100vh;
 /* border-right: 2px solid #D45D79;
  border-left: 2px solid #D45D79;*/

}



.Help-right {
  flex: 0 0 70%; /* This sets the right part to 70% width */
  width:70vw;
  height:89vh !important;
 /* overflow-y: scroll;
  position: absolute;*/

 

}

.Help-right::-webkit-scrollbar {
/*  display: none;*/
}


.Help-right {
/*  -ms-overflow-style: none;
  scrollbar-width: none;*/
}




.HelpTopics{
	color: #202020 !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif !important;
	font-size: 18px !important;
	vertical-align: middle !important;
	font-weight: bold !important;
    padding-bottom: 10px !important;
	padding-left: 10px !important;
	display:block;
}


.TableLabel-Help {/* table cell field label text */
	color: #202020;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	text-align: right;
	text-transform: none;
	vertical-align: middle !important;
	white-space: nowrap;	
	font-weight: bold;
	display:block;
	
	}
	
.HeaderLabel-Help {/* table cell field label text */
	color: #ffffff;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 20px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	text-align: center;
	text-transform: none;
	vertical-align: middle !important;
	white-space: nowrap;	
	font-weight: bold;
	display:block;
	width:70vw;
	
	    -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;	
	
	}	


.ClickOn{

   cursor: pointer;

}
/**************************/
.Home-TermsAndCondition{

text-align:left;
padding-left:10px;
padding-right:10px;

}


.Home-Main-Button-Text { /* table cell field value text */
	color: #F9F54B !important;
	font-family: 'Alexandria',Arial, Verdana, Georgia, sans-serif;
	font-size: 20px;
	text-align: center;
	vertical-align: middle !important;
	padding-top: 10px !important;

/*	padding-left: 15px !important;
	padding-right: 15px !important;*/
	padding-top: 4px !important;
   /* display:flex;*/

  margin: 0 auto;
  display: block !important;
  
   background-color:transparent !important;
/*text-shadow: 2px 2px #000000; */
font-weight: normal;
text-decoration: none !important;
	}	

	
.Home-Main-Button-Text:hover { /* table cell field value text */
	color: #ffffff !important;

	}
	
.Home-Main-Button-LinkesLeft-Text { /* table cell field value text */
	color: #ffffff !important;
	font-family: 'Jura',Arial, Verdana, Georgia, sans-serif;
	font-size: 0.9em;
	text-align: left;
	vertical-align: middle !important;



	padding-left: 5px !important;


  margin: 0 auto;


font-weight: normal;
text-decoration: none !important;
	}		
	
	
	
	
	
.Home-Main-Text { /* table cell field value text */
	color: #ffffff !important;
	font-family: 'Jura',Arial, Verdana, Georgia, sans-serif;
	font-size: 20px;
	text-align: center;
	vertical-align: middle !important;
	padding-bottom: 10px !important;


    font-weight: none !important;
/*	padding-left: 15px !important;
	padding-right: 15px !important;*/
	padding-top: 4px !important;
   /* display:flex;*/

  margin: 0 auto;
  display: block !important;
  
   background-color:transparent !important;
/*text-shadow: 2px 2px #000000; */
font-weight: normal;

	}		


/****************************/
.Home-Button-To-Access{
   padding-bottom:20px !important;
   display:block;
}


/******************************/

.home-login-panel{


  position: relative;
  z-index: 2; /* Set a higher z-index */
}
}





.Home-Footer {

 background: rgba(212, 93, 121, 1.0);
position: fixed!important;
bottom: 0 !important;
width: 100%;
height: 30px;
padding: 5px;
margin: 0px;

/* Ensure this line is placed only once */
/* width: 100%; */

z-index: 50;
}
.Home-Main-Button-Left{
    left:10px;
    float:left;
    position:fixed!important;
	bottom:0 !important;
	/*width:100%;*/
	/*height:30px;*/
	padding: 0px;
	margin:0px 0px 0px 0px;		
}


.footer-AllRights { /* footer content container */

	color: #ffffff ;
	font-family: 'Cairo','Open Sans Condensed', Arial, Verdana, sans-serif;
	font-size: 0.8em;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	width: 100%;
    vertical-align: middle;	
	text-transform: capitalize !important;/*uppercase;*/
	}
	
	
.Home-Main-Button-Right{
    right:10px;
    float:right;
    position:fixed!important;
	bottom:0 !important;

	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
    vertical-align: middle;
	margin:0px 0px 0px 0px;
	
}

.Home-Main-Button-Top{
   
	float:center;

	margin:0px 0px 0px 0px;	
	
   /* background: rgba(212, 93, 121, 1.0);*/
   background: #8f3f52 !important;
	padding-top:5px;
	padding-bottom:5px;
	
	width:100%;
}




/*******************************/
#slidy-container { 
  width: 50%; overflow: hidden; margin: 0 auto;
  -webkit-filter: drop-shadow(10px 10px 10px #222);
  filter: drop-shadow(10px 10px 10px #222);
}




/*************************************/

.login_header {

	color: #ffffff;
	font-family: 'Tajawal','Tajawal','Cairo',Tahoma, Open SanSerif Regular, Verdana, Georgia, sans-serif;
	font-size: 22px;
	font-weight: bold;
    white-space: nowrap;
	text-align:left;
	padding:0px;
	
    -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;		
}	
.SignIn-title1 {
	


	color: #000000;
	font-family: 'Tajawal','Tajawal','Cairo',Tahoma, Open SanSerif Regular, Verdana, Georgia, sans-serif;
	font-size: 28px;
	font-weight: bold;
    white-space: nowrap;
	text-align:left;
	padding:0px;
	
    -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;		
}

.SignIn-title2{

	color: #000000;
	font-family: 'Tajawal','Tajawal','Cairo',Tahoma, Open SanSerif Regular, Verdana, Georgia, sans-serif;
	font-size: 18px;
	font-weight: none;
    white-space: nowrap;
	text-align:left;
	padding:0px;
	
    -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;		
}


.SignIn_icon_right{
padding-top:0px;
width:48px;
height:48px;
padding-left:0px;

    -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;	
}
	
	
	
.SignIn_Logo{
padding-top:0px;
width:123px;
height:80px;
padding-left:0px;

    -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;	
}	

	
.Emp_Sign_Logo{
padding-top:0px;
width:64px;
height:64px;
padding-left:0px;

/*    -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;	*/
  
 display: inline-block; 
 position: relative; 

 overflow: hidden; 
 border-radius: 50%; 
}		
	
.Print_Logo{
padding-top:0px;
width:92px;
height:60px;
padding-left:0px;


			
    -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;	
}	

.print_ico {

 width:48px !important;
 height:48px !important;

}

.securityForm {

	height: 0px;
	padding: 16px;
	text-align: center;
	vertical-align: top;

	}

.securityForm2{

	height: 0px;
	padding: 5px;
/*	text-align: left;*/
	vertical-align: top;
	}	
	

.ForgeotPassword_TextBox {

    text-align: center;
    margin:0 auto ;
    width:300px;
    display:block;
   
}
	
.ForgetPasswordTitle1 { /* mobile main content area default text styles */
	color: #202020;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px !important; 
	text-transform: uppercase;
	width:100%;
	}
	
.ForgetPasswordTitle2 { /* mobile main content area default text styles */

	color: #404040;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	width:100%;
	}	
	
::placeholder {
    color: #c7c6c6;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif !important; 
	font-size: 16px !important; 
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #c7c6c6;
   font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif !important; 
   font-size: 16px !important; 
}

::-ms-input-placeholder { /* Microsoft Edge */
   color: #c7c6c6;
   font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif !important; 
   font-size: 16px !important; 
}


/**********************************************/

.QSttc { /* quick selector cell */
	border-bottom: 1px dotted #eeeeee;
	color: #666666;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	height: 14.5px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	vertical-align: center;
	white-space: nowrap;
	}
	
	
	
.QSfooter { /* quick selector footer bar */
	background-color: #eeeeee;
	background: -moz-linear-gradient( center top, #fbfbfb 5%, #eeeeee 100% );
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fbfbfb), color-stop(1, #eeeeee) );
	background: -ms-linear-gradient(top, #fbfbfb 5%, #eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#eeeeee');
	height: 308px !important;
	left: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;	
	position: fixed;
	top: 230px;
	width: 100%;
	z-index: 3;
	}	
	
	
	
.QSfooter-TableSelection { /* quick selector footer bar */
	background-color: #eeeeee;
	background: -moz-linear-gradient( center top, #fbfbfb 5%, #eeeeee 100% );
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fbfbfb), color-stop(1, #eeeeee) );
	background: -ms-linear-gradient(top, #fbfbfb 5%, #eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#eeeeee');
	height: 80px !important;
	left: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;	
	position: fixed;
	bottom: 0px;

	width: 100%;
	z-index: 3;
	}		
/*********************************************/


/*************************Placeholder move up when typing***************************/

/***************************************************/


.username_label	{
	color: #000000;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	font-weight: bold;
    white-space: nowrap;
	
}


.username_value	{
	
    background:linear-gradient(
      rgba(255,255,255,0.0), 
      rgba(255,255,255,0.0)
	  
    ),url(../../Images/user.png);	
	background-position: left;
	background-size: 20px 20px;
	background-repeat: no-repeat;
    background-position:3px 50%; 
    
	
    height:40px;
	/*border-top: 0px solid #A79D9C;
	border-bottom: 1px solid #A79D9C;
	border-right: 0px solid #A79D9C;
	border-left: 0px solid #A79D9C;*/
	border: 1px solid rgba(237,237,237,1.0);
	border-radius: 4px;
	color: #000000;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 20px;
	padding-left: 30px;
	padding-right: 4px;
	padding-top: 2px;
	vertical-align: top;	
	background-color:rgba(237,237,237,0.3);
	outline:none !important;
	}


.loginmessage	{
	color: #404040;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	font-weight: normal;
    white-space: wrap;
    
    
	
    /*padding:15px;*/
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-47%,-60%);
    transform: translate(-47%,-60%);
/*	position:fixed;*/
/*	width:30%;*/
}

.password_label	{
    
	color: #000000;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	font-weight: bold;
    white-space: nowrap;
	
	
}

.password_value	{
    background:linear-gradient(
      rgba(255,255,255,0.0), 
      rgba(255,255,255,0.0)
	  
    ),url(../../Images/locked.png);	
	background-position:3px 50%;
	
	background-size: 20px 20px;
	background-repeat: no-repeat;

    height:40px;
	/*border-top: 0px solid #A79D9C;
	border-bottom: 1px solid #A79D9C;
	border-right: 0px solid #A79D9C;
	border-left: 0px solid #A79D9C;*/
	border: 1px solid rgba(237,237,237,1.0);
	border-radius: 4px;
	color: #000000;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 20px;
	padding-left: 30px;
	padding-right: 4px;
	padding-top: 2px;
	vertical-align: top;	
	background-color:rgba(237,237,237,0.3);
	outline:none !important;
}
.remember_singin	{
    
	color: #404040;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	text-align: left;
	text-transform: none;
	vertical-align: middle;
	white-space: nowrap;
}	

.forget_password	{
    
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif !important;
	font-size: 14px !important;
	font-weight: normal !important;
	text-align: center !important;
	vertical-align: middle !important;
	white-space: nowrap !important;
	color: #D45D79 !important;
	
}	
	
	
.remember_singin_checkBox{
   /* color:#555555 !important;
	background: #555555 !important;*/
}

/*************CheckBox**************/
input[type=checkbox] {
    margin-right: 5px;
    cursor: pointer;
    font-size: 14px;
    width: 15px;
    height: 15px;
    position: relative;
	margin-top:10px;
	margin-left:-2px;
	margin-bottom:5px;
	padding-top:-20px
  }
  
  input[type=checkbox]:after {
    position: absolute;
    width: 20px;
    height: 30px;
    top: 0;
    content: " ";
    background-color: #f2f2f2;
    color: #757575;
    display: inline-block;
    visibility: visible;
    padding: 0px 4px;
    border-radius: 3px;
	margin-left:-5px;
	margin-top:-12px;
	
  }
  
  input[type=checkbox]:checked:after {
	  /*content: "\00a0 \00a0 ✓";*/
	  content: " 🗸";

	  font-size: 30px;
	  
  }
/***************************/

/***************************/
.SignIn_Language{

 padding-top:0px;
width:48px;
height:48px;
padding-left:0px;

    -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;	
	
	
}

/******************** End Sign In *******************************/	
.pcT { /* page container top center edge (header container) */


    /*border-bottom: 2px solid #F07D16;/*#174990;*/

	height: 55px;
	padding-right: 0px !important;
	padding-bottom:0px;
	padding-top:0px;
	width:100%;
	
	background:#ffffff !important;
	}

.pcTSignIn { /* page container top center edge (header container) */


    /*border-bottom: 2px solid #F07D16;/*#174990;*/

	height: 105px !important;
	padding-right: 0px !important;
	padding-bottom:0px;
	padding-top:0px;
	width:100%;
	
	background:#ffffff !important;
	}

.pcT2 { /* page container top center edge (header container) */


    /*border-bottom: 2px solid #F07D16;/*#174990;*/

	/*height: 55px !important;*/
	height: 40px !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
	padding-bottom:0px !important;
	padding-top:0px !important;
	width:100% !important;

	background:#ffffff !important;

box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2) !important;

	}	
	
.pcL2 { /* Home master) */
	padding-top: 0px;
	padding-bottom:5px;
	padding-left:0px;
	padding-right:0px;
	vertical-align: middle;
	align:center;
	height:100%;
	}
	
/*Print Page*/	
@page { 
/*size:  auto; 
margin-top: -4%; 
margin-bottom: 0%; 
margin-left: 10px; 
margin-right: 10px; */

size:  auto; 
margin-top: 0%; 
margin-bottom: 1%; 
margin-left: 10px; 
margin-right: 10px; 

}

@page :first {
margin-top: -4%; 
margin-bottom: 0%;
}
	
.pcL { /* page container left middle edge (vertical menu container) */
	/*padding-top: 0px;
	vertical-align: top;
	/*height:100% !important;*/
	/*background:#D45D79 !important;
	/*bottom:0px;
	
	/*min-height: 100vh;*/
	            margin-top: 110px; 
/*                position: fixed;*/
                top: 0;
                bottom: 0;
                
                height: calc(100vh - 9.5rem);
                background-color: #D45D79;
                overflow-y: hidden;
                overflow-x: hidden;	
	            
	
	}

.pcC{ /* page container center (contents of page container) */
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	text-align: center;
	vertical-align: top;
	width:100%;

	}

	
/*****************************************************************************/
/*****************************************************************/

/*Horizontal Menu*/
.MLMmenuAlign { /* horizontal menu container alignment */
	padding-top: 0px;



	}
	
.MLMmenuAlignUser { /* horizontal menu container alignment Not Using */
	padding-top: 0px;
	background-color: rgba(0,0,0,0.2) !important;
	width:100% !important;
	min-width:100% !important;


	}
	
.pcmC { /* page container center (horizontal menu container) */

/*Light Blue*/
/*background: #93cede;
background: -moz-linear-gradient(top,  #93cede 0%, #75bdd1 41%, #49a5bf 100%);
background: -webkit-linear-gradient(top,  #93cede 0%,#75bdd1 41%,#49a5bf 100%);
background: linear-gradient(to bottom,  #93cede 0%,#75bdd1 41%,#49a5bf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#49a5bf',GradientType=0 );
*/

/*Purple*/
    margin-top:0px; /*30*/
    background: #D45D79 !important;

	height:5px !important;
	width:100% !important;
	
	position:absolute;
   

  
	}

/************Help Menu************/
.MLMmenu-Help{
background-color: rgba(212,93,121,1.0) !important;
padding-left:10px !important;

padding-right:20px !important;
}


.MLMmC-Help { /* horizontal menu item container */
	border-left: 0px solid #fbfbfb;
	border-right: 0px solid #f7f7f7;
	border-top: 0px solid #fbfbfb;
	font-size: 20px; /*for arabic make it 20, English 16*/
	padding: 0px;	
	text-align:center !important;
	
	padding-top:5px !important;
	padding-bottom:5px !important;		
	}

.MLMmC-Help a { /* horizontal menu item link text  - Menu Font*/ 
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	color: #ffffff;
	font-family: 'Cairo', Aria,Tahoma;
	font-Size: 20px !important;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0px 0px 0px #202020;
	text-transform: capitalize;/*uppercase;*/
	padding-left:15px !important;



    -webkit-animation: fadeInScale 0.7s ease-in-out;
    -moz-animation: fadeInScale 0.7s ease-in-out;
    animation: fadeInScale 0.7s ease-in-out;		
	
	}
	
	
	
.DetailsText-Help {

animation: 1s ease-out 0s 1 slideInFromLeft-UP  !important;

	    margin: 0 auto;

    padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:0px;

	text-align:left !important;
	align:left !important;
	
  overflow-y: scroll !important;
  position: absolute !important;
  height:77vh;

	
}




.DetailsText-Help::-webkit-scrollbar {
  display: none !important;
}


.DetailsText-Help {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}



.TableHelpScroll{

 display:flex;
  overflow-y: scroll !important;
  position: absolute !important;
  height:77vh;
  
border-right: 2px solid #eeeeee !important;
border-left: 2px solid #eeeeee !important;

}




.TableHelpScroll::-webkit-scrollbar {
  display: none !important;
}


.TableHelpScroll {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}
/********Coming from up to down********/

@keyframes slideInFromLeft-UP {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/************End Help Menu************/

.MLMmC { /* horizontal menu item container */
	border-left: 0px solid #fbfbfb;
	border-right: 0px solid #f7f7f7;
	border-top: 0px solid #fbfbfb;
	font-size: 20px; /*for arabic make it 20, English 16*/
	padding: 0px;	
	text-align:center !important;
	
		
	}

.MLMmC a { /* horizontal menu item link text  - Menu Font*/ 
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	color: #ffffff;
	font-family: 'Cairo', Aria,Tahoma;
	font-Size: 14px !important;
	font-weight: normal;
	text-decoration: none;
	text-shadow: 0px 0px 0px #202020;
	text-transform: capitalize;/*uppercase;*/
	padding-left:15px !important;
	
	background-color: rgba(255,255,255,0.0) !important;
	background-image: url(../../Images/menuico.png) !important;
    background-position: 0% 50% !important;
	background-repeat: no-repeat !important;	
	background-size: 15px 15px !important; 	
	
    -webkit-animation: fadeInScale 0.7s ease-in-out;
    -moz-animation: fadeInScale 0.7s ease-in-out;
    animation: fadeInScale 0.7s ease-in-out;		
	
	}

.MenuPanel{
	background-color: rgba(212,93,121,1.0) !important;
    margin-top:0px !important;
	
	border:1px solid rgba(212,93,121,1.0);
	-webkit-border-radius:3px;

	-moz-border-radius:3px;
	border-radius:3px; 
	
}
/*VMenu*/
.MLMmenu{
background-color: rgba(212,93,121,1.0) !important;
padding-left:5px !important;

padding-right:5px !important;
}

.MLMmenuV{
background-color: rgba(212,93,121,1.0) !important;


}

/*VMenu*/
.MLMmoC { /* horizontal menu item hover state */
	font-family: 'Cairo', Aria,Tahoma;
	font-Size: 14px !important;
	background:rgba(212,93,121,1.0) !important;
	
	
	text-transform: uppercase;
	border-bottom: 0px solid #bbbbbb;
	border-left: 0px solid #bbbbbb;
	border-top: 0px solid #bbbbbb;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;	
	
	background: #D45D79 !important;
    
	}
	
	

.MLMmoC a { /* horizontal menu item hover state link text */
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	color: #ffffff;
	font-family: 'Cairo', Aria,Tahoma;
	font-Size: 14px !important;
	font-weight: normal;
	text-decoration: none;
	text-shadow: 0px 0px 0px #202020;
	text-transform: capitalize;/*uppercase;*/
	padding-left:15px !important;
	
	background-color: rgba(255,255,255,0.0) !important;
	background-image: url(../../Images/menuico.png) !important;
    background-position: 0% 50% !important;
	background-repeat: no-repeat !important;	
	background-size: 15px 15px !important; 	
	
    -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;		
			
	}


	




.MLMmenusub { /* horizontal submenu container (menu leaves) */
	border-bottom: 1px solid #bbbbbb;
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	border-top: 1px solid #bbbbbb;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	z-index: 100;
	
	
	
	}

.MLMsubmC { /* horizontal submenu item container bbbb */
	background-color: #D45D79 !important;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top: 1px dotted #dddddd;
	padding: 10px !important;
	width: 100%;
	height:100%;
	

	}

.MLMsubmC a { /* horizontal submenu item link text */	

	cursor: pointer !important;
	text-transform: none;
	
	font-family: 'Cairo', Aria,Calibri, Arial, Verdana, Georgia, sans-serif;
	font-Size: 14px !important;	
	color:#ffffff;	
	
	
	font-family: 'Cairo', Aria,Tahoma;
	font-Size: 14px !important;
	font-weight: normal;
	text-decoration: none;
	text-shadow: 0px 0px 0px #202020;
	text-transform: capitalize;/*uppercase;*/
	padding-left:25px !important;
	
	/*background-color: rgba(255,255,255,0.0) !important;
	background-image: url(../../Images/menuico.png) !important;
    background-position: 0% 50% !important;
	background-repeat: no-repeat !important;	
	background-size: 10px 10px !important; 	*/
	
    -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;			
	
	}

.MLMsubmoC { /* horizontal submenu item hover state */
	background-color: #D45D79 !important;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top: 1px dotted #dddddd;
	padding: 10px !important;
	width: 100%;
	height:100%;
	}

.MLMsubmoC a { /* horizontal submenu item hover state link text */

	
	cursor: pointer !important;
	text-transform: none;
	
	font-family: 'Cairo', Aria,Calibri, Arial, Verdana, Georgia, sans-serif;
	font-Size: 14px !important;	
	color:#ffffff;	
	
	
	font-family: 'Cairo', Aria,Tahoma;
	font-Size: 14px !important;
	font-weight: normal;
	text-decoration: none;
	text-shadow: 0px 0px 0px #202020;
	text-transform: capitalize;/*uppercase;*/
	padding-left:25px !important;
	
	/*background-color: rgba(255,255,255,0.0) !important;
	background-image: url(../../Images/menuico.png) !important;
    background-position: 0% 50% !important;
	background-repeat: no-repeat !important;	
	background-size: 15px 15px !important; 	*/
	
    -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;				}
	
	
/* Menu Font */
.MLMmC { /* horizontal menu item container */
	border-left: 0px solid #222222;
	border-right: 0px solid #222222;
	border-top: 0px solid #222222;	
	padding: 10px;

	}
.MLMsubmC { /* horizontal submenu item container */
	background-color: #000000;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top: 1px dotted #dddddd;
	font-size: 14px;/*just change in font*/
	padding: 18px;
	width: 100%;
	}
	
	
	

	
/*******************************************************************/

	
	
	
	
.pcB { /* page container bottom center edge (footer container) */
	

/*light Blue*/
/*background: #93cede;
background: -moz-linear-gradient(45deg,  #93cede 0%, #75bdd1 41%, #49a5bf 100%);
background: -webkit-linear-gradient(45deg,  #93cede 0%,#75bdd1 41%,#49a5bf 100%);
background: linear-gradient(45deg,  #93cede 0%,#75bdd1 41%,#49a5bf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#49a5bf',GradientType=1 );
*/
/*Purple*/
background: #D45D79;

    position:fixed!important;
	bottom:0 !important;
	width:100%;
	height:30px;
	padding: 5px;
	margin:0px 0px 0px 0px;		
	
   
	}	
	
.footer { /* footer content container */

	color: #ffffff ;
	font-family: 'Cairo','Open Sans Condensed', Arial, Verdana, sans-serif;
	font-size: 0.8em;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	width: 100%;
    vertical-align: middle;	
	text-transform: capitalize !important;/*uppercase;*/
	}
	
.footer-text { /* footer content container */

	color: #ffffff ;
	font-family: 'Cairo','Open Sans Condensed', Arial, Verdana, sans-serif;
	font-size: 0.8em;
	padding-bottom: 14px !important;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px !important;
	width: 100%;
    vertical-align: top;	
	text-transform: capitalize !important;/*uppercase;*/
	}	
	
.footer_link { /* footer content container */

	color: #ffffff !important;
	font-family: 'Open Sans Condensed', Arial, Verdana, sans-serif;
	font-size: 12px;
	padding-bottom: 8px;
	padding-left: 10px;
	padding-top: 8px;
	text-align: left;
	text-decoration: none;
	
	}
	
	

	
	
.BottomRightLogo{
width:145px;
height:28px;
padding-right:20px;
vertical-align: center;

}		


.BottomRighFooter{
width:500px !important;
padding-right:10px;
padding-left:10px;
vertical-align: center;

}	

	
.BottomRightFooter-Start{
width:25% !important;
padding-right:0px;
padding-left:0px;
padding-top:5px;
vertical-align: center;
right:0px !important;
display: inline-block;
float:right !important;
}		

	
.BottomLeftFooter-Start{
width:50% !important;
padding-right:0px;
padding-left:0px;
padding-top:10px;
vertical-align: center;
left:0px !important;
display: inline-block;
float:left !important;
}			
	
	
.BottomRighValue{
width:100px;
padding-right:10px;
padding-left:10px;
vertical-align: center;

}	

.BottomRighFooterLabel{
	color: #ffffff !important;
	font-family: 'Cairo', Arial, Verdana, sans-serif;
	font-size: 14px;
	padding-bottom: 8px;
	padding-left: 0px;
	padding-top: 8px;
	text-align: left;
	text-decoration: none;
	font-weight: bold !important;
}

.BottomRighFooterValue{
	color: #ffffff !important;
	font-family: 'Cairo', Arial, Verdana, sans-serif;
	font-size: 14px;
	padding-bottom: 8px;
	padding-left: 10px;
	padding-right: 10px;	
	padding-top: 8px;
	text-align: left;
	text-decoration: none;
}
	/*************Quick Select************/
	
	.themeButtonMini { /* small theme button */
	background: transparent !important;
	/*background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fbfbfb), color-stop(1, #ececec) );
	background: -ms-linear-gradient(top, #fbfbfb 5%, #ececec 100%);*/
	box-shadow: 0px 0px 0px #ffffff inset;
	border: 0px solid #d1d1d1 !important;
	border-radius: 0px;
	display: inline-block;
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fbfbfb', endColorStr='#ececec');*/
	padding-bottom: 0px; 
	padding-left: 0px; 
	padding-right: 0px; 
	padding-top: 0px; 
	text-shadow: 0px 0px 0px #ffffff;
	white-space: nowrap;
	}

.themeButtonMini:hover { /* small theme button hover state */
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fbfbfb), color-stop(1, #ececec) );
	background: -moz-linear-gradient( center top, #fbfbfb 5%, #ececec 100% );
	background: -ms-linear-gradient(top, #fbfbfb 5%, #ececec 100%);
	border: 1px solid #aaaaaa;
	box-shadow: 0px 0px 0px #bbbbbb;
	color: #5e829b;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fbfbfb', endColorStr='#ececec');
	white-space: nowrap;
	}
	
.themeButtonMini a.button_link, .themeButtonMini a.button_link:hover, .themeButtonMini a, .themeButtonMini a:hover { /* link within small theme button */ 
	color: #5e829b;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	}

.themeButtonMiniDisabled, .themeButtonMiniDisabled:hover { /* small theme button disabled */
	background: transparent !important;
	border: 0px solid #999999; 
	box-shadow: none;
	opacity: 0.5;
	}

.themeButtonMiniDisabled a, .themeButtonMiniDisabled a:hover, .themeButtonMiniDisabled a:visited { /* disabled link within small theme button */
	color: #999999;
	}	
	
	
.1QSContainer .1QSscrollRegion { /* quick selector scrolled region */
	height: 200px;
	left: 0px;
	overflow: auto;
	position: absolute;
	top: 0px !important;
	width: 100%;
	z-index: 2;	
	}	

	
.QSSize { /* iframe within which quick selector is displayed */ 
	height: 283px;
	width: 330px;
	}
	
	
.QSSize-Receiving { /* iframe within which quick selector is displayed */ 
	height: 400px;
	width: 500px;
	}	
	
	
.QSdh { /* quick selector title bar */
	background-color: #eeeeee;
	background: -moz-linear-gradient( center top, #fbfbfb 5%, #eeeeee 100% );
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fbfbfb), color-stop(1, #eeeeee) );
	background: -ms-linear-gradient(top, #fbfbfb 5%, #eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#eeeeee');
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	height: 50px;
	left: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 3;
	}	
	
.QSContainer .QSscrollRegion { /* quick selector scrolled region */
	height: 200px;
	left: 0px;
	overflow: auto;
	position: absolute;
	top: 65px;
	width: 100%;
	z-index: 2;	
	}	
	/**********************/
/*Powered by logo*/	
	
.poweredby{
width:102px;
height:20px;
padding-bottom:20px;
}
	
	
/*top Left logo*/	
.TopLeftLogo{
/*width:212px;
height:50px;*/

width:174px;
height:50px;

padding-left:10px;
}	

.ToolbarLogo{

/*width:77px;
height:50px;*/
width:120px;
height:33px;

  /*  -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;	*/


/*animation: spin 20s infinite   linear;*/

/*-webkit-animation-name: spin;
animation-name: spin;
-moz-animation-name: spin;

-webkit-animation-delay: 10s;
-moz-animation-delay: 10s;
-ms-animation-delay: 10s;
-o-animation-delay: 10s;
animation-delay: 10s;

animation: spin 5s  infinite; 
-webkit-animation: spin 5s  infinite;
-moz-animation:spin 5s  infinite;*/



}	

/*************AI Report***************/
.header-actions-old button {
  	/*border-radius: 50% !important;
    background-color: transparent !important;
	border: 1px solid rgba(237,237,237,1.0);
	cursor: grab;
	color: red;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px  !important;
	vertical-align: middle !important;	
	background-color:rgba(237,237,237,0.3);
	outline:none !important;
	margin:4px;
	font-weight: bold;

	width:40px;
	height:40px;*/

	display:none !important;
}


.header-actions {
  	border-radius: 50% !important;
    background-color: transparent !important;
	border: 1px solid rgba(237,237,237,1.0);
	cursor: grab;
	color: #000000;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px  !important;
	vertical-align: middle !important;	
	background-color:rgba(237,237,237,0.3);
	outline:none !important;
	margin:4px;
	font-weight: bold;

width:40px;
height:40px;

}
.ai-input-bar button { padding: 12px 20px; border: none; background-color: #D45D79 !important; color: white; border-radius: 6px; cursor: pointer; }
   
.AIPage{

  width: calc(100% - 10px);
  border:0px !important;
  display:block;
}


.AITopLogo{

padding-top:10px;
width:120px;
height:33px;
padding-bottom:10px;

}

.dv_AI{ /* panel container (includes panel header) */

	background-color: #fefefe;
	margin-bottom: 0px; /*10*/
	padding-bottom: 0px;/*2*/
	text-align: left;
	vertical-align: top;
	width: 100% !important;
    height:100%!important;
	}

.tableCellValueAI { /* table cell field value text */
	color: #202020;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	text-align: left;
	vertical-align: top !important;
	padding-bottom: 10px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 0px !important;
    display: inline-block;
    
    margin: 0 auto;
	width: calc(100% - 20px);
	margin-top: 0px;
	white-space: normal;
	background:#ffffff !important;
	border: 0px !important;
	
word-break: break-all;	
  
	}	

.tableCellValueAIImage	{ /* table cell field value text */
	color: #202020;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	text-align: center;
	vertical-align: middle !important;
	padding-bottom: 10px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	padding-top: 0px !important;
    display: inline-block;
    
    margin: 0 auto;
	width: calc(100% - 20px);
	margin-top: 0px;
	white-space: normal;
	background:#ffffff !important;
	border: 0px !important;
	
	
  
	}	
	
.AIleftBox {
    background:#eeeeee;
    min-height: 100vh !important;
    width: 20%;
    vertical-align: top !important;
    overflow: auto;
  overscroll-behavior-y: contain;

}	


.center-screen {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
}


.Header_AI_Report_Title { /* panel header title text */
	color: #000000 !important;
	font-family: 'Jura', Calibri, Arial, Verdana, Georgia, sans-serif !important;
	font-Size: 20px !important;	
	font-weight: normal;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-bottom: 10px !important;
	margin-top: 10px !important;
	margin-bottom: 20px !important;
	white-space: nowrap;
	text-align:center !important;
	font-weight: bold !important;
	display:block;
	border-bottom:#000000 solid 1px;
	}		
	

	
	
.HmlLiteralValue{
  padding-left:20px !important;
  padding-right:20px !important;
  padding-top:10px !important;
  padding-bottom:10px !important;

}


.PageTitleInCenter {
  animation: blinker 1.7s cubic-bezier(.5, 0, 1, 1) infinite alternate !important;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

@keyframes blinker { to { opacity: 0; } }

.AICenterTitle{

width: 50%;
left: 50%;
top:100px;
margin: 0 0 0 -25%">blblablbalba</div>
}

.Header_AI_Report_Center{
	color: #000000 !important;
	font-family: 'Roboto Condensed', Calibri, Arial, Verdana, Georgia, sans-serif !important;
	font-Size: 50px !important;	
	font-weight: bold;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-bottom: 10px !important;
	white-space: nowrap;
	text-align:center !important;
	display:block;
	
    border-bottom:#000000 solid 1px;
}


/****************************/

/***************Split screen 50% 50%***********/

.splitL {
  /*height: 100%;*/
  width: 55%;
  position: absolute;
  /*z-index: 1;*/
 
  overflow-x: hidden;
  /*padding-bottom: 30px;*/
}

.splitR {
  /*height: 100%;*/
  width: 45%;
  position: fixed;
  /*z-index: 1;*/

  overflow-x: hidden;
  /*padding-bottom: 30px;*/
  
 
		
border-left:2px solid #D45D79;	

border-bottom:2px solid #D45D79;

/*height:100vh;*/

}


.left {
  left: 0;
  /*background-color: #111;*/
}

.right {
  right: 0;
  /*background-color: red;*/
}


/**********************************************/

.ToolbarLogoSignIn{
/*width:212px;
height:50px;*/

width:153px;
height:100px;


    -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;	
}	

.QSContainer .dh2 { /* quick page top panel header */
	background-color: #727272;
	height: 40px;
	left: 0px;
	position: relative;
	top: 0px;
	width: 100%; 
	z-index: 3;


	}

/*.QSContainer .scrollRegion .pageButtonsContainer { /* quick page page buttons (save, cancel) container */
/*	background-color: #ffffff;
	background: #ffffff;
	height: 40px;
	left: 0px;
	padding-left: 10px;
	padding-right: 10px;
	position: fixed;
	top: 430px;
	width: 100%;
	z-index: 3;
	}*/

.QSContainer .scrollRegion { /* quick page scrolled region */
	height: 428px;
	left: 0px;
	overflow: auto;
	padding-left: 0px;
	padding-right: 0px;
	position: absolute;
	top: 0px;
	width: 805px;
	z-index: 2;	
	}

.dialog_header, .dh { /* panel header container */
/*	background-color: #eeeeee;
	background: -moz-linear-gradient( center top, #fbfbfb 40%, #eeeeee 100% );
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.4, #fbfbfb), color-stop(1, #eeeeee) );
*/	
	background:#716F81 !important;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	vertical-align: top;
	
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;	

    height:50px;
	}	
	
	
.WindowHD { /* panel header container */
	background:#716F81 !important;
	vertical-align: top;	
    height:50px;
	width:100%;
	}		
	
	
.dhFly	{
	background:#716F81 !important;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	vertical-align: top;
	
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;	

    height:50px;
	padding-top:35px;
	}	
	
.dialogHeaderBackground, .dhb { /* panel header */
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 10px;
	padding-top: 2px;
	width: 100%; /* comment out for full panel width pagination control */
	vertical-align: middle !important;
	
	}	
	
		
	
.AIReportHD { /* panel header container */
/*	background-color: #eeeeee;
	background: -moz-linear-gradient( center top, #fbfbfb 40%, #eeeeee 100% );
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.4, #fbfbfb), color-stop(1, #eeeeee) );
*/	
	background:#716F81 !important;
	
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	vertical-align: top;
	
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;	

    height:40px;
	}	
	
	
.MainHD	{ 
	background:#716F81 !important;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	vertical-align: top;
	
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;	
    height:50px !important;

   padding-bottom:35px;
   position: absolute;
   top: 0;
	}	
	
.MainHDSmall	{ 
	background:#716F81 !important;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	vertical-align: middle;
	
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;	
    height:15px !important;

   padding-bottom:35px;
   position: absolute;
   top: 0;
	}




.SecondHeader	{ 
	background:#eb738f !important;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	vertical-align: middle;
	
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;	
    height:15px !important;

   padding-bottom:0px;
   /*position: absolute;*/
   
	}

.MainHDWhite	{ 
	background:#dddddd !important;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	vertical-align: middle;
	
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;	

    height:50px;
	}	
	
.MainHDDetailsSales	{ 
	background:#D45D79 !important;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	vertical-align: middle;
	
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;	

    height:50px;
	}	
	
.dhSub	{ 
	background:#ededed !important;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	vertical-align: top;
	
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;	
    height:50px !important;

	}
	
.MainHeaderText{

	color: #ffffff !important;
	font-family: 'Tajawal','Cairo', Calibri, Arial, Verdana, Georgia, sans-serif;
	font-Size: 25px !important;	
	font-weight: bolder;
	padding-left: 5px;
	padding-right:5px;
	white-space: nowrap;
	vertical-align: middle !important;	
	padding-top:10px !important;	
	display:block;
}
	
.dialog_header_text, .dht { /* panel header title text */
	color: #ffffff !important;
	font-family: 'Cairo', Calibri, Arial, Verdana, Georgia, sans-serif !important;
	font-Size: 20px !important;	
	font-weight: bolder;
	padding-left: 5px !important;
	padding-right: 5px !important;
	white-space: nowrap;
	}

	
.Header_Text_Label { /* panel header title text */
	color: #ffffff !important;
	font-family: 'Cairo', Calibri, Arial, Verdana, Georgia, sans-serif !important;
	font-Size: 13px !important;	
	font-weight: normal;
	padding-left: 5px !important;
	padding-right: 5px !important;
	white-space: nowrap;

	}	

.Header_Text_Value { /* panel header title text */
	color: #F9D923 !important;
	font-family: 'Cairo', Calibri, Arial, Verdana, Georgia, sans-serif !important;
	font-Size: 13px !important;	
	font-weight: normal;
	padding-left: 0px !important;
	padding-right: 0px !important;
	white-space: nowrap;
	font-weight: bold !important;
	}		



.Header_Text_Value_Big { /* panel header title text */
	color: #F9D923 !important;
	font-family: 'Cairo', Calibri, Arial, Verdana, Georgia, sans-serif !important;
	font-Size: 20px !important;	
	font-weight: normal;
	padding-left: 0px !important;
	padding-right: 0px !important;
	white-space: nowrap;
	font-weight: bold !important;
	}	


.Header_Text_Label_Large { /* panel header title text */
	color: #ffffff !important;
	font-family: 'Cairo', Calibri, Arial, Verdana, Georgia, sans-serif !important;
	font-Size: 18px !important;	
	font-weight: normal;
	padding-left: 8px !important;
	padding-right: 8px !important;
	white-space: nowrap;
	}	
	

.Header_Text_Label_Large_For_Report { /* panel header title text */
	color: #ffffff !important;
	font-family: 'Cairo', Calibri, Arial, Verdana, Georgia, sans-serif !important;
	font-Size: 22px !important;	
	font-weight: normal;
	padding-left: 5px !important;
	padding-right: 5px !important;
	white-space: nowrap;
	}	


.Warrning_Text_Big { /* panel header title text */
	color: #D45D79 !important;
	font-family: 'Cairo', Calibri, Arial, Verdana, Georgia, sans-serif !important;
	font-Size: 20px !important;	
	font-weight: normal;
	padding-left: 10px !important;
	padding-right: 10px !important;
	white-space: nowrap;
	font-weight: bold !important;

	}			

	
.Warrning_Text { /* panel header title text */
	color: #D45D79 !important;
	font-family: 'Cairo', Calibri, Arial, Verdana, Georgia, sans-serif !important;
	font-Size: 14px !important;	
	font-weight: normal;
	padding-left: 10px !important;
	padding-right: 10px !important;
	white-space: nowrap;
	font-weight: bold !important;
	}			
	
.SettingLabel	{ /* panel header title text */
	color: #a3a2a2 !important;
	font-family: 'Cairo', Calibri, Arial, Verdana, Georgia, sans-serif !important;
	font-Size: 14px !important;	
	font-weight: normal;
	padding-left: 30px !important;
	padding-right: 30px !important;
	white-space: nowrap;
	}	
	
	
.SettingTitle		{ /* panel header title text */
	
	color: #a3a2a2;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle !important;
	padding-bottom: 5px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	padding-top: 20px !important;
/*    display:flex;*/
    margin: 0 auto;
  	
	border-bottom: solid;
    border-bottom-color: #a3a2a2;

	}	
	
.SettingTitleColor	{ /* panel header title text */
	
	color: #D45D79;
	font-family: 'Jura','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	font-weight: bold;
	vertical-align: middle !important;
	padding-bottom: 15px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 20px !important;
    display:block;
    margin: 0 auto;
  	
	/*border-bottom: solid;
    border-bottom-color: #a3a2a2;*/

	}		
	
.SettingTitleSmall		{ /* panel header title text */
	
	color: #999993;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle !important;
	padding-bottom: 5px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	padding-top: 20px !important;
/*    display:flex;*/
    margin: 0 auto;
  	
	border-bottom: solid;
    border-bottom-color: #a3a2a2;

	}	
	
.SmallHD	{ 
	/*background:#D45D79 !important;*/
	background:#E6E6E6 !important;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	vertical-align: top;
	
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;	
    height:25px !important;

	}	

.SmallHDText{

	color: #404040 !important;
	font-family: 'Cairo', Calibri, Arial, Verdana, Georgia, sans-serif !important;
	font-Size: 15px !important;	
	font-weight: bold;
	padding-left: 5px;
	padding-right:5px;
	white-space: nowrap;
	vertical-align: middle !important;	
	padding-top:0px !important;	
	display:flex;
}	
	
	
.add_menu{

     padding-left:5px;
	 padding-right:5px;

}
	
.dhMessageUsers{
	background-color: #ffffff;
	/*background: -moz-linear-gradient( center top, #d6d6d6 40%, #eeeeee 100% );
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.4, #d6d6d6), color-stop(1, #eeeeee) );*/
	
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	vertical-align: top;
	
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;	
	padding-top:10px;
	padding-bottom:10px;
	border-bottom: 1px solid #d6d6d6;
}


/********************************Menu Button****************************************/

.mobileHeaderRight2 { /* mobile header area left button container */
	text-align: right;
	width: 100%;
	}	


/*****Wide Menu to open when user click on Menu*********************************/	

.menu_ico{
    padding-left:20px;
	padding-right:10px;
    width:40px !important;
	height:40px !important;
	outline:none !important;
}

.menu_ico2{
    padding-left:20px !important;
    width:90px !important;
	height:90px !important;
	outline:0px !important;
}

.menu_ico3{
    padding-left:20px !important;
	padding-Right:20px !important;
	padding-top:5px !important;
	padding-bottom:5px !important;
    width:40px !important;
	height:40px !important;
	outline:0px !important;
	
}

.menu_ico_PopUp{
    padding-left:0px;
	padding-right:0px;
    width:25px !important;
	height:25px !important;
	outline:none !important;
background-color: #D45D79; /* Change 'red' to the desired background color */
 display:inline-block !important;	
}

.menu_ico_PopUp2{
    padding-left:0px;
	padding-right:0px;
    width:25px !important;
	height:25px !important;
	outline:none !important;
}

.delete_ico{
    padding-left:0px !important;
	padding-right:0px !important;
    width:32px !important;
	height:32px !important;
	outline:none !important;
	margin-right:2px;
	margin-left:2px;
	border-radius:5px;
	
background-color: #D45D79; /* Change 'red' to the desired background color */
 display:inline-block !important;
 
 
}	

.UserOption_ico{
  
    width:50px !important;
	height:50px !important;
	outline:none !important;
}

.UserOption_Panel{
 padding-top:20%;

}
.DayEndPanel{
padding-top:10%;

}

.EmployeeImage{

    width:40px !important;
	height:40px !important;
	border-radius: 50%;
}



.expand_ico{
    padding-left:5px !important;
    width:32px !important;
	height:32px !important;
	outline:none !important;
	
filter: brightness(0) saturate(100%) invert(78%) sepia(49%) saturate(6507%) hue-rotate(308deg) brightness(87%) contrast(89%);
}	

.expand2_ico{
    padding-left:0px !important;
    width:32px !important;
	height:32px !important;
	outline:none !important;
	
	background-color: #D45D79; /* Change 'red' to the desired background color */
 display:inline-block !important;
}

.Pay_ico{
    
    width:26px !important;
	height:26px !important;
	outline:none !important;
filter: brightness(0) saturate(100%) invert(78%) sepia(49%) saturate(6507%) hue-rotate(308deg) brightness(87%) contrast(89%);	
}	


.refresh_ico{
    padding-left:5px !important;
    width:80px !important;
	height:80px !important;
	outline:none !important;
}	

.delete_ico2{
    padding-left:2px !important;
    width:60px !important;
	height:60px !important;
	outline:none !important;
}		
	
.menu_round{
	border:2px solid #145374;
	text-align:left;
	-webkit-border-radius:100px;
	/*background:rgba(227,162,11,0.0);*/
	vertical-align:middle;
	-moz-border-radius:100px;
	border-radius:100px;	
	width:100px !important;
	height:100px !important;
}

.widemenu
{
    box-sizing: border-box;
	
	margin: 0px;
    padding-left:20px;

}


.navbar {
  overflow: hidden;

		
}

/* Links inside the navbar */
.navbar a {
  float: right;


 
}


.dropdown {
    float: right;
    overflow: hidden;
	height:0px;
	
}

.dropdown .dropbtn {
  
    border: none;
    outline: none;
    color: white;
  
    background-color: inherit;
    font: inherit;
    margin: 0;
	
	
    width:0px !important;
	max-width:0px !important;
	height:0px !important;
	max-height:0px !important;
	background-color: transparent !important;

	/*background-image: url(../../images/menu.png);*/
    background-position: 50% 30%;
	background-repeat: no-repeat;	
	background-size: 0px 0px;  
	
	color: #ffffff;
	font-family: 'Jura',Arial, Verdana, Georgia, sans-serif;
	font-size: 30px;
	font-weight: normal;	
	text-align:center;
	vertical-align:center;
	padding-top:0px;

	cursor: pointer !important;	
	-webkit-transition: all .8s ease;
    transition: all .8s ease;	
	
}

.navbar a:hover {
}


.dropdown-content {
   display: inline-block;
    position: absolute;
    background-color:rgba(237, 237, 237, 0.9);
	/*background-color: #0072b6 !important;*/
    width: 10%;
   /* right: 0;*/
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.8);
    z-index: 1;
	margin-top:10px !important;
	
	left:0px !important;
	/*left:0px !important;*/
/*	padding-left:20px !important;*/
	
}

.dropdown-content .header {
    /*display:none;*/
	
    padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 120px;
    color: white;
	text-align:center;
	
	background-color: #00334e !important;
	background-color: #0072b8 !important;
	
	font-size: 35px;
	font-family: 'jura','El Messiri',Arial, Verdana, Georgia, sans-serif;
	box-shadow: 2px 8px 16px 2px rgba(0,0,0,1);
/*	background-image: url(../../images/nothing.png);
    background-position: 5px 50%;
	background-repeat: no-repeat;	
	background-size: 100px 100px;  */
		
}

/*.dropdown:active .dropdown-content {
    display: block;
}*/

/* Create three equal columns that floats next to each other */
.column {
    float: right;
    width: auto;
    padding: 50px;
    /*background-color:rgba(23, 73, 144, 0.6); Nobile*/
	background-color: transparent !important;
    height: auto; /*auto*/
	text-align:right;
	color:#ffffff;
	font-family: 'Jura',Arial, Verdana, Georgia, sans-serif;
	font-size: 45px;
	font-weight: normal;

	
}

.column a {
    float: none;
    padding: 20px;
	
    text-decoration: none;
    display: block;
    text-align: left;
	
    background-color: transparent !important;
	color: #ffffff;
	font-family: 'Jura',Arial, Verdana, Georgia, sans-serif;
	font-size: 45px;
	
}

.column a:active {
    background-color: #4D76B3;
	color: #FFF666;
	font-family: 'Jura',Arial, Verdana, Georgia, sans-serif;
	font-size: 45px;	

	
}

.column a:hover {
    background-color: #4D76B3;
	color: #f8dc81;
	font-family: 'Jura',Arial, Verdana, Georgia, sans-serif;
	font-size: 45px;	

	
}


/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}



.home-up-logo{


width:419px;
height:50px;
margin-bottom:10%;

}






/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 768px) {





    .column {
        width: 100%;
        height: auto;
	
   
   }


.home-up-logo{

width:168px;
height:20px;
margin-bottom:2%;

}


.VLine-home{

    height: 0px !important;
    width: 0px !important; /* 100% of the viewport height */
    background-color: transparent !important; /* Change the color as needed */
}	
	



/*This is to make sign in vertical in mobile*/
  .container_Signin {

  flex-direction: column;
  height: calc(100vh - 50px);
  overflow-y: scroll;	
  }

  .left-side, .right-side {
    width: 100%; /* Occupy full width in mobile view */
    height: 50vh; /* Set height to occupy half of the viewport height */
	display:block;
	
  }


  .left-side {
  
 background-color: #D45D79;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cpolygon fill='%2383394b' points='957 450 539 900 1396 900'/%3E%3Cpolygon fill='%2383394b' points='957 450 872.9 900 1396 900'/%3E%3Cpolygon fill='%238e3e51' points='-60 900 398 662 816 900'/%3E%3Cpolygon fill='%238f3f52' points='337 900 398 662 816 900'/%3E%3Cpolygon fill='%23994357' points='1203 546 1552 900 876 900'/%3E%3Cpolygon fill='%239c4459' points='1203 546 1552 900 1162 900'/%3E%3Cpolygon fill='%23a4485d' points='641 695 886 900 367 900'/%3E%3Cpolygon fill='%23a94a60' points='587 900 641 695 886 900'/%3E%3Cpolygon fill='%23af4d64' points='1710 900 1401 632 1096 900'/%3E%3Cpolygon fill='%23b65068' points='1710 900 1401 632 1365 900'/%3E%3Cpolygon fill='%23ba526a' points='1210 900 971 687 725 900'/%3E%3Cpolygon fill='%23c3566f' points='943 900 1210 900 971 687'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: 90% 90%; 
  }
 
  .right-side {
    margin-top:20px;
    order: -1; /* Change the order of elements for mobile view */
	display:block;

  }
  
  
   .container_Home {

  flex-direction: column;
  overflow-y: scroll;	
 
  }

  .left-side-home , .right-side-home {
    width: 100%; /* Occupy full width in mobile view */
    height: 40vh; /* Set height to occupy half of the viewport height */
	display:block;

  }


  .right-side-home {

    padding-top:10px !important;  
    order: 1; /* Change the order of elements for mobile view */   
	display:block;

 
  }
 
  .left-side-home {

    order: 2; /* Change the order of elements for mobile view */   
	display:block;
  }


.SliderHeaderText 
	{
		font-size: 20px !important;
	}

.SliderDetailsText
	{
		padding-left:10px !important;
		padding-right:10px !important;	
		font-size: 16px !important;

	}
	
.SliderDetailsText-Home	

	{
		padding-left:20px !important;
		padding-right:20px !important;	
		font-size: 16px !important;
		padding-top: 0px !important;
			float:center !important;
	align:center  !important;
	 /*background-color: rgba(0, 0, 0, 0.5) !important;*/
    overflow-wrap: break-word;
	}

.Home-Main-Text { /* table cell field value text */
	font-size: 16px;

	}		



/*Button home*/
.Button_Link_Home {
	
	font-size: 16px;
	font-weight: bold;
	padding: 7px 70px 7px 70px !important;
	
	}
		
/*End Button in home*/

.footer-text { /* footer content container */

	font-size: 0.5em;
	padding-right: 0px;
	}	
	
.Home-Main-Button-LinkesLeft-Text { /* table cell field value text */
	font-size: 0.8em;
padding-left: 0px !important;

	}		


.BottomRightFooter-Start{
width:55% !important;
padding-right:0px;
padding-left:0px;
padding-top:10px;
vertical-align: center;
right:0px !important;
display: inline-block;
float:right !important;
}		

	
.BottomLeftFooter-Start{
width:40% !important;
padding-right:0px;
padding-left:0px;
padding-top:0px;
vertical-align: center;
left:0px !important;
display: inline-block;
float:left !important;
}		



	
.SliderHeaderText-Home { /* table cell field value text */
	font-size: 20px;
	text-align: center;
	padding-bottom: 1px !important;
	 
	}
	
	
	
.SliderDetailsText-Home{ /* table cell field value text */
	font-size: 16px;

padding-left:10px; padding-right: 10px;
	}	
	









}


/*End @Media*/
/************************************************************************/
/*Tab Panel*/	


.ajax__tab_xp { /* tab container alignment */
	/*
	margin-left: auto;
	margin-right: auto;
	*/
	padding: 0px;
	text-align: left;
	width: auto;
	text-align: left;
	
	}

.tableCellValue .ajax__tab_xp { /* tab container within table cell */
	min-width: 942px;
	}

.ajax__tab_xp div.ajax__tab_body { /* tab container */
	background-color: transparent;
	border: none;
	margin: 0px;
	padding: 0px;
	}

.ajax__tab_panel { /* tab container background */
	background-color: transparent;
	}

.ajax__tab_xp div.ajax__tab_header { /* tab container top edge */
	background-image: none;
	font-size:14px;
	
	
	}

.ajax__tab_xp .ajax__tab_active span.ajax__tab_outer, .ajax__tab_xp div.ajax__tab_header .ajax__tab_active span.ajax__tab_outer { /* tab container active tab */
	background-color: #F16622; /*f6f6f6   3b5998*/
	background-image: none;
	border-bottom: 1px solid #f6f6f6; 
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-left: none; 
	border-left: 1px solid #aaaaaa; 
	border-right: 1px solid #cccccc;
	border-top: 2px solid #607890;
	/*border-top-left-radius: 50px;
	border-top-right-radius: 50px;*/
	box-shadow: 0px -3px 3px #bbbbbb;
	}

.ajax__tab_xp .ajax__tab_hover span.ajax__tab_outer, .ajax__tab_xp div.ajax__tab_header .ajax__tab_hover span.ajax__tab_outer { /* tab container hovered-over tab */
	background-color: #3b5998;
	background-image: none;
	border-bottom: 1px solid #f6f6f6; 
	
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-left: none; 
	border-left: 1px solid #aaaaaa; 
	border-right: 1px solid #cccccc;
	border-top: 2px solid #607890;
	/*border-top-left-radius: 50px;
	border-top-right-radius: 50px;*/
	box-shadow: 0px -3px 3px #bbbbbb;

	}

.ajax__tab_xp span.ajax__tab_outer, .ajax__tab_xp div.ajax__tab_header span.ajax__tab_outer { /* tab container non-active tab */
	background-color: #3b5998; /*tab header background*/
	background-image: none;
	border-bottom: 1px solid #cccccc;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-left: 1px solid #cccccc;
	border-right: none; 
	/*border-top-left-radius: 50px;
	border-top-right-radius: 50px;*/
	box-shadow: 1px -1px 1px #bbbbbb;
	}

.ajax__tab_xp .ajax__tab_hover .ajax__tab_outer { /*hover tab*/
background-color: red;

}

.ajax__tab_xp .ajax__tab_active span.ajax__tab_inner, .ajax__tab_xp div.ajax__tab_header .ajax__tab_active span.ajax__tab_inner { /* tab container active tab contents */
	background-image: none;
	}

.ajax__tab_xp .ajax__tab_hover span.ajax__tab_inner, .ajax__tab_xp div.ajax__tab_header .ajax__tab_hover span.ajax__tab_inner { /* tab container hovered-over tab contents */
	background-image: none;

	}

.ajax__tab_xp span.ajax__tab_inner, .ajax__tab_xp div.ajax__tab_header span.ajax__tab_inner { /* tab container non-active tab background image */
	background-image: none;
	}

.ajax__tab_xp .ajax__tab_active span.ajax__tab_tab, .ajax__tab_xp div.ajax__tab_header .ajax__tab_active .ajax__tab_tab { /* tab container active tab background image */
	background-image: none;
		
	}

.ajax__tab_xp .ajax__tab_hover span.ajax__tab_tab, .ajax__tab_xp div.ajax__tab_header .ajax__tab_hover .ajax__tab_tab { /* tab container hovered-over tab background image */
	background-color: #3b5998;
	background-image: none;
	
	
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	
	border-right: none; 
	/*border-top-left-radius: 50px;
	border-top-right-radius: 50px;*/
		
	}

.ajax__tab_xp span.ajax__tab_tab, .ajax__tab_xp div.ajax__tab_header .ajax__tab_tab { /* tab container tab text */
	background-image: none;
	color: #ffffff;
	}

.ajax__tab_xp .dialog_view, .ajax__tab_xp .dv { /* panel container within tab container */
	border-radius: 0px;
	box-shadow: 0px 0px 2px #666666;
	margin: 0px;
	margin-bottom: 10px;/*10*/
	padding: 0px;
	text-align: left;
	vertical-align: top;
	width: 100%;
	}

.tableCellValue .ajax__tab_xp .dv { /* panel container within tab container within table */
	border: none;
	border-radius: 2px;
	box-shadow: 0px 0px 2px #999999;
	width: 100%;
	}

.ajax__tab_xp .dh { /* tab container (within table row) top edge */
	border-left: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	}

.ajax__tab_xp .dBody, div.fixedHeaderContainer .ajax__tab_xp .dBody { /* panel content container (excludes panel header) within tab container */ 
	background-color: #ffffff;  /*background when tab implemented*/
	border: none;
	border-left: 1px solid #e6e6e6;
	padding: 6px;

	}

.ajax__tab_xp .themeButton {
	}

.ajax__tab_xp .tre { /* data grid container within tab container */
	}

/**********************************************************************
 * Quick Popup Styles                                                 *
 **********************************************************************/
/**********************************************************************
 * Quick Selector Styles                                              *
 **********************************************************************/
div.modal { /* modal popup parent overlay */
	filter: alpha(opacity=30);
	-moz-opacity: 0.5;
	opacity: 0.5;
	background-color: #000000;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 900;
	}

.QDialog { /* quick popup container */ 
	background-color: #ffffff !important;
	border-radius: 4px !important;
	box-shadow: 0px 0px 6px #333333 !important;
	left: 50% !important;
  transform: translate(-50%, -10%);
	margin: 0px !important;
	overflow: hidden !important;
	position: absolute !important;
	top: 120px !important;
	z-index: 1000 !important;

	}


/***************************************************************************/	
	
.dialog_body, .dBody { /* panel content container (excludes panel header) */ 
	color: #555555;
	font-family: Arial, Verdana, Georgia, sans-serif;
	font-size: 12px;
	padding: 0px;
	text-align: left;
	
	
	 

	}	
	
/**********************************************************************
 * Table Rows Styles                                                  *
 **********************************************************************/ 
.header_cell,
.header_cell_scrolling,
.thc,
.thcs,
.thcnb,
.thcwb { /* column header container (above select checkbox) */
	/*background-color: #ededed !important;*/
	background-color: #d9d9d9 !important;
	border-bottom: 0px dotted #dddddd !important;
	color: #000000 !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px !important;
	font-weight: normal;
	padding-bottom: 5px !important;
	padding-left: 0.6px !important;
	padding-right: 0.6px !important;
	padding-top: 5px !important;
	text-align: left;/*left*/
	vertical-align: middle !important;
	

	}	
	
	
	
.thc
{ /* column header container (above select checkbox) */
	/*background-color: #ededed !important;*/
	background-color: #d9d9d9 !important;	
	border-bottom: 0px dotted #dddddd !important;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px !important;
	font-weight: normal;
	padding-bottom: 5px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 5px !important;
	text-align: left !important;
	vertical-align: middle !important;
	

	}		
	
[dir="rtl"] .thc {
	background-color: #d9d9d9 !important;
	border-bottom: 0px dotted #dddddd !important;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px !important;
	font-weight: normal;
	padding-bottom: 5px !important;
	padding-left: 0px !important;
	padding-right: 10px !important;
	padding-top: 5px !important;
	text-align: right !important;
	/*float:right;*/
	vertical-align: middle !important;	
}	
		

.thcDetailsSales { /* column header container (above select checkbox) */
    background-color: rgba(212, 93, 121,1.0) !important;
	border-bottom: 0px dotted #dddddd !important;
	color: #000000!important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px !important;
	font-weight: normal;
	padding-bottom: px !important;
	padding-left: 0.6px !important;
	padding-right: 0.6px !important;
	padding-top: px !important;
	text-align: left;/*left*/
	vertical-align: middle !important;
	

	}	


.thcDetailsSalesChecker { /* column header container (above select checkbox) */
    background-color: rgba(212, 93, 121,1.0) !important;
    margin:0 auto;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 0px !important;
	/*text-align: left;*/
	vertical-align: middle !important;
	
    width:10px !important;
	}	

.thc-HeaderOne{ /* column header container (above select checkbox) */
	/*background-color: #ededed !important;*/
	background-color: #d9d9d9 !important;	
	border-bottom: 2px dotted #808080 !important;
	color: #000000 !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px !important;
	font-weight: bold;
	padding-bottom: 5px !important;
	padding-left: 0.6px !important;
	padding-right: 0.6px !important;
	padding-top: 5px !important;
	text-align: left;/*left*/
	vertical-align: middle !important;

	}
	
	

.thc-For-Popup-Home 
   { /* column header container (above select checkbox) */
	/*background-color: #ededed !important;*/
	background-color: #d9d9d9 !important;
	border-bottom: 0px dotted #dddddd !important;
	color: #000000 !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px !important;
	font-weight: normal;
	padding-bottom: 35px !important;
	padding-left: 0.6px !important;
	padding-right: 0.6px !important;
	padding-top: 5px !important;
	text-align: left;/*left*/
	vertical-align: middle !important;
	

	}
	
	
.column_header a,
.column_header_scrolling a,
.tch a,
.tchs a { /* column header link text */
	color: #000000;
	cursor: pointer !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	font-weight: bold;/*normal*/
	text-decoration: none;	
	text-overflow:ellipsis;
	
    white-space: nowrap;

	} 	
	
		
	
.thcEN { /* column header link text */
	/*background-color: #ededed !important;*/
	background-color: #d9d9d9 !important;	
	border-bottom: 0px dotted #dddddd !important;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px !important;
	font-weight: normal;
	padding-bottom: 5px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 5px !important;
	text-align: left !important;
	vertical-align: middle !important;
	
    display:block !important;
    
	} 		
	
.thcAR { /* column header link text */
	/*background-color: #ededed !important;*/
	background-color: #d9d9d9 !important;
	border-bottom: 0px dotted #dddddd !important;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px !important;
	font-weight: normal;
	padding-bottom: 5px !important;
	padding-left: 0px !important;
	padding-right: 10px !important;
	padding-top: 5px !important;
	text-align: right !important;
	/*float:right;*/
	vertical-align: middle !important;
	display:block;

	} 	
	
	

.thcEN-SmallHight { /* column header link text */
	/*background-color: #ededed !important;*/
	background-color: #d9d9d9 !important;
	border-bottom: 0px dotted #dddddd !important;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px !important;
	font-weight: normal;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 0px !important;
	text-align: left !important;
	vertical-align: middle !important;
	
    display:block;
    
	} 		


	
.thcAR-SmallHight { /* column header link text */
	/*background-color: #ededed !important;*/
	background-color: #d9d9d9 !important;	
	border-bottom: 0px dotted #dddddd !important;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px !important;
	font-weight: normal;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
	padding-right: 10px !important;
	padding-top: 0px !important;
	text-align: right !important;
	/*float:right;*/
	vertical-align: middle !important;
	display:block;

	} 	




.thcEN-SmallHightSalesDetails { /* column header link text */
	/*background-color: #ededed !important;*/
	background-color: #eb738f !important;
	border-bottom: 0px dotted #dddddd !important;
	color: #ffffff !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px !important;
	font-weight: normal;
	padding-bottom: 0px !important;
	padding-left: 5px !important;
	padding-right: 2px !important;
	padding-top: 0px !important;
	text-align: left !important;
	vertical-align: middle !important;
	
    display:block;
    
	} 		
	
.thcAR-SmallHightSalesDetails { /* column header link text */
	/*background-color: #ededed !important;*/
	background-color: #eb738f !important;
	border-bottom: 0px dotted #dddddd !important;
	color: #ffffff !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px !important;
	font-weight: normal;
	padding-bottom: 0px !important;
	padding-left: 2px !important;
	padding-right: 10px !important;
	padding-top: 0px !important;
	text-align: right !important;
	/*float:right;*/
	vertical-align: middle !important;
	display:block;

	} 	
	/******************************************/
	
.dialog_view, .dv, .panelC { /* panel container (includes panel header) */
	-moz-border-radius: 4px;
	-moz-box-shadow: 0px 0px 3px #bbbbbb;
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 0px 0px 3px #bbbbbb;
	background-color: #fefefe;
	border-radius: 4px;
	box-shadow: 0px 0px 3px #bbbbbb;
	margin-bottom: 0px; /*10*/
	padding-bottom: 0px;/*2*/
	text-align: left;
	vertical-align: top;
	width: 100%;

	}


.dv-Help { /* panel container (includes panel header) */
	-moz-border-radius: 4px;
	-moz-box-shadow: 0px 0px 3px #bbbbbb;
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 0px 0px 3px #bbbbbb;
	background-color: #fefefe;
	border-radius: 4px;
	box-shadow: 0px 0px 0px #bbbbbb;
	margin-bottom: 0px; /*10*/
	padding-bottom: 0px;/*2*/
	text-align: left;
	vertical-align: top;
	width: 100%;

	}
	
.dv_AccountCodes	 { /* panel container (includes panel header) */
/*	-moz-border-radius: 4px;
	-moz-box-shadow: 0px 0px 3px #bbbbbb;
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 0px 0px 3px #bbbbbb;*/
	background-color: #fefefe;
	/*border-radius: 4px;
	box-shadow: 0px 0px 3px #bbbbbb;*/
	margin-bottom: 0px; /*10*/
	padding-bottom: 0px;/*2*/
	text-align: left;
	vertical-align: top;
    width:100%;
	}
	
.dvWithoutBorder { /* panel container (includes panel header) */
	-moz-border-radius: 0px;
	-moz-box-shadow: 0px 0px 0px #bbbbbb;
	-webkit-border-radius: 0px;
	-webkit-box-shadow: 0px 0px 0px #bbbbbb;
	background-color: #fefefe;
	border-radius: 0px;
	box-shadow: 0px 0px 0px #bbbbbb;
	margin-bottom: 0px; /*10*/
	padding-bottom: 0px;/*2*/
	text-align: left;
	vertical-align: top;
	width: 100%;
	
	}	
	
.tableRowDivider {
	border-bottom: 1px dotted #dddddd;
	padding-top: 2px;
	
	height: 0px;
	}

.tableRowDividerAccounCode{
	border-bottom: 0px dotted #dddddd;
	padding-top: 2px;
	
	height: 0px;
}


.tableRowDividerBold {
	border-bottom: 1px solid #000000;
	padding-top: 2px;
	
	height: 0px;
	}

.tableRowDivider1 {
	border-bottom: 0px dotted #dddddd;
	padding-top: 2px;
	
	height: 0px;
	}

.panelPaginationC { /* panel container pagination center */
	background-color: #fefefe;
	height: 30px;
	text-align: center;
	width: 100%;
	bottom:50px !important;
	padding-bottom:10px;
	
/*flex: 1 0 auto;*/
	
	}
	
.paginationNew{

	/*position:fixed!important;*/
	bottom:0;
	align:center;
	width: 100%;
	text-align:center;
}	
	
.pHeaderR { /* page header security panel container */
	text-align: right;
	width:180px !important;
	padding-right:0px;
	/*float: right;*/
	margin-top:0px;


	}
	
[dir="rtl"] .pHeaderR {
	text-align: left;
	width:150px !important;
	padding-left:0px;
	/*float: right;*/
	margin-top:0px;
}
	
	
.pHeaderR2 { /* page header security panel container */
	text-align: right;
	width:50px;
	padding-right:0px;
	/*float: right;*/
	margin-top:0px;
	}	

	
.pHeaderRPrint{ /* page header security panel container */
	
	width:20%;
	padding-right:10px;
	padding-left:0px;
	/*float: right;*/
	margin-top:0px;
	}		
	
.pHeaderR2Ar{ /* page header security panel container */
	text-align: left;
	width: 500px;
	cursor:pointer !important;
	}	

.pHeaderL { /* page header security panel container */
	text-align: left;
	width:120px;
	padding-left:0px;
	/*float: left;*/
	margin-top:0px;


	}
	
div.fixedHeaderBackground { /* wrapper of fixed header and scroll region */
	background-color: #fefefe; /* echo background color of thc */
    background-color:#d9d9d9 !important;
	position: relative;

	}
	
div.fixedHeader { /* wrapper of each fixed header label */
	border-left: none; /* echo border of thc */
	/* box-sizing: border-box; */
	margin-left: 0px;
	overflow: hidden; /* truncate "long" fixed header labels */
	padding: 5px 4px 5px 4px; 
	position: absolute; /* fix header label in place */
	text-overflow: clip !important;
	top: 5px; /* fix header at 0px from top of div.fixedHeaderBackground */
	
	}	
.hidden{
display:none !important;
height:0px !important;
}

div.fixedHeaderScrollRegion { /* wrapper of scroll region */
	background-color: #ffffff; /* echo background color of dBody */
	/*height: 640px; /* height of scroll region */
	overflow-x: hidden; /* bug 94583 - hide unnecessary horizontal scroll bar */
	overflow-y: auto; /* render scroll bar if necessary */
	height:100% !important;
	padding-bottom:2px;
	
	}
	
.tableRowsEdge, .tre { /* data grid container */
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 0px !important;

	}	
	
.ShowTableColumnHeader	{
    text-overflow: ellipsis !important;
	color: #808080 !important;
	font-family: 'Montserrat Alternates', Tahoma, Arial, Verdana, Georgia, sans-serif;
	font-size: 25px;
	font-weight: bold;
	padding-left: 0px;
	white-space: nowrap;	
}

.ShowTableColumnField	{
    text-overflow: ellipsis !important;
	color: #7d7d7d !important;
	font-family: 'Montserrat Alternates', Tahoma, Arial, Verdana, Georgia, sans-serif;
	font-size: 25px;
	font-weight: normal;
	padding-left: 0px;
	white-space: nowrap;	
}

.Add_ico {

 width:32px !important;
 height:32px !important;
}

.EditDelete_ico {

 width:32px !important;
 height:32px !important;
 padding:10px !important;
}

.Export_ico {

 width:48px !important;
 height:48px !important;
}

.CellHide{
   display:none !important;
   width:0px !important;

}
/********************Grid**************************/
.Grid{
width:100%;
}

.Grid td
{
 color: #555555;
 font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif !important;
 font-size: 14px;
 padding-bottom: 6px;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 4px;
 text-align: left;
 vertical-align: middle;
font-weight: bold !important;
}
.Grid th
{
 background-color: #ededed !important;	
 border-bottom: 1px dotted #dddddd;
 color: #555555;
 font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif !important;
 font-size: 16px;
 font-weight: normal;
 padding-bottom: 8px;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 8px;
 text-align: left;
 vertical-align: top;	
 font-weight: bold !important;
}

.QPageSize { /* dimensions of quick page */
	height: 510px;
	width: 805px;
	}
	
	
.QPageSizePopUp { /* dimensions of quick page */
	height: 100%;
	width: 805px;
	}
	
		

.QPageSizeWide { /* dimensions of quick page */
	height: 500px;
	width: 1000px;
	}

.QPageSizeUserOption { /* dimensions of quick page */
	height: 400px;
	width: 600px;
	}
	
	
.QPageSizeDiscountPassword { /* dimensions of quick page */
	height: 330px;
	width: 500px;
	}	
/*********************End Grid*************************/

.paymentLogo{

 width:64px !important;
 height:64px !important;
}


.DayEndCloseText{

	color: #808080;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	text-align: center;
	text-transform: none;
	vertical-align: middle !important;
	white-space: nowrap;
font-weight: bold !important;
}

.DiscountPasswordLabel{

	color: #808080;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	text-align: center;
	text-transform: none;
	vertical-align: middle !important;

	font-weight: bold !important;
}


.DiscountPasswordLabel2{

	color: #D45D79;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	text-align: center;
	text-transform: none;
	vertical-align: middle !important;

	font-weight: none !important;
}

.tableCellLabel {/* table cell field label text */
	color: #a3a2a2;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	padding-bottom: 6px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	text-align: right;
	text-transform: none;
	vertical-align: middle !important;
	white-space: nowrap;	
	
	}
	
[dir="rtl"] .tableCellLabel {
    text-align: right;
	padding-bottom: 4px !important;
	padding-left: 2px !important;
	padding-right: 7px !important;
	padding-top: 4px !important;	
}	


.tableCellLabel_Registration{/* table cell field label text */
	color: #a3a2a2;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	padding-bottom: 6px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	text-align: right;
	text-transform: none;
	vertical-align: middle !important;
	white-space: nowrap;	
	
	}


.tableCellLabel_Sales {	
    /*coloe:#F9D923 !important;*/
	color: #D45D79 !important;
	font-family: 'Cairo', Calibri, Arial, Verdana, Georgia, sans-serif !important;
	font-Size: 14px !important;	
	font-weight: normal;
	padding-left: 15px !important;
	padding-right: 15px !important;
	white-space: nowrap;
	font-weight: bold !important;



}	
	
	
.tableCellLabel_SalesAr {	
    /*coloe:#F9D923 !important;*/
	color: #D45D79 !important;
	font-family: 'Cairo', Calibri, Arial, Verdana, Georgia, sans-serif !important;
	font-Size: 14px !important;	
	font-weight: normal;
	padding-left: 10px !important;
	padding-right: 10px !important;
	white-space: nowrap;
	font-weight: bold !important;
    text-align:right;

}

.tableCellLabel_SalesEn {	
    /*coloe:#F9D923 !important;*/
	color: #D45D79 !important;
	font-family: 'Cairo', Calibri, Arial, Verdana, Georgia, sans-serif !important;
	font-Size: 14px !important;	
	font-weight: normal;
	padding-left: 10px !important;
	padding-right: 10px !important;
	white-space: nowrap;
	font-weight: bold !important;
text-align:left;

}


.tableCellLabel_SalesArBold {	
    /*coloe:#F9D923 !important;*/
	color: #D45D79 !important;
	font-family: 'Cairo', Calibri, Arial, Verdana, Georgia, sans-serif !important;
	font-Size: 20px !important;	
	font-weight: normal;
	padding-left: 10px !important;
	padding-right: 10px !important;
	white-space: nowrap;
	font-weight: bold !important;
    text-align:right;

}

.tableCellLabel_SalesEnBold {	
    /*coloe:#F9D923 !important;*/
	color: #D45D79 !important;
	font-family: 'Cairo', Calibri, Arial, Verdana, Georgia, sans-serif !important;
	font-Size: 20px !important;	
	font-weight: normal;
	padding-left: 10px !important;
	padding-right: 10px !important;
	white-space: nowrap;
	font-weight: bold !important;
text-align:left;

}


.tablecellUserOption{

	color: #ffffff;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	text-align: center;
	text-transform: none;
	vertical-align: middle !important;
	white-space: nowrap;
    margin-top: -5px !important;
	display: block;
}

.tableCellLabelWhite {/* table cell field label text */
	color: #ffffff;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	padding-bottom: 6px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	text-align: right;
	text-transform: none;
	vertical-align: middle !important;
	white-space: nowrap;	
	
	}

.tableCellLabelHide {/* table cell field label text */
	color: #a3a2a2;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 0px !important;
	text-align: right;
	text-transform: none;
	vertical-align: middle !important;
	white-space: nowrap;	
	display:none;
	width:0px !important;
	height:0px !important;
	}
	
.tableCellLabelBold {/* table cell field label text */
	color: #808080;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	padding-bottom: 6px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	text-align: right;
	text-transform: none;
	vertical-align: middle !important;
	white-space: nowrap;
	font-weight: bold !important;
	
	}


.tableCellLabelPrint {/* table cell field label text */
	color: #a3a2a2;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	padding-bottom: 6px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 4px;
	text-transform: none;
	vertical-align: middle !important;
	white-space: nowrap;	
	font-weight: bold !important;
	}
	
	
.tableCellLabelSales {/* table cell field label text */
	color: #D45D79;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 12px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	text-transform: none;
	vertical-align: middle !important;
	white-space: nowrap;	
	font-weight: bold !important;
	 margin: 0 auto;
	}
	
.tableCellLabelSalesHeader {/* table cell field label text */
	color: #202020;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	text-transform: none;
	vertical-align: middle !important;
	white-space: nowrap;	
	font-weight: bold !important;
	/*margin: 0 auto;*/
	}	


.tableCellValueSales { /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 12px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 0px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	padding-top: 0px !important;
   /*display:flex;*/
     /*display:table-row;*/

  


  margin: 0 auto;

	}	
	
	

.tableCellLabel_FooterPLText {	
    /*coloe:#F9D923 !important;*/
	color: #D45D79 !important;
	font-family: 'Cairo', Calibri, Arial, Verdana, Georgia, sans-serif !important;
	font-Size: 18px !important;	
	font-weight: normal;
	padding-left: 0px !important;
	padding-right: 0px !important;
/*	white-space: nowrap;*/
	font-weight: bold !important;
    display:flex;
 margin: 0 auto;
 
 
}

.tableCellLabel_FooterPLValue1 {	
    /*coloe:#F9D923 !important;*/
	color: #D45D79 !important;
	font-family: 'Cairo', Calibri, Arial, Verdana, Georgia, sans-serif !important;
	font-Size: 18px !important;	
	font-weight: bold !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	/*white-space: nowrap;*/
      display:flex;

/*	 margin: 0 auto;*/
  

}


.tableCellLabel_FooterPLValue2 {	
    /*coloe:#F9D923 !important;*/
	color: #D45D79 !important;
	font-family: 'Cairo', Calibri, Arial, Verdana, Georgia, sans-serif !important;
	font-Size: 18px !important;	
	font-weight: bold !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	/*white-space: nowrap;*/
      
display:flex;
/*	 margin: 0 auto;*/
  

}


	

.tableRowDividerSalesPrint {
	border-bottom: 1px dotted #dddddd;
	padding-top: 1px;
	
	height: 0px;
	}	
	
.tableRowDividerSalesPrintBold	 {
	border-bottom: 2px dotted #202020;
	padding-top: 1px;
	width:50%;
	height: 0px;
	}
	
	
.WideReceipt-Comment1{
	color: #000000;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 12px !important;
	padding: 0px;
	
	vertical-align: middle !important;
	text-align:left !important;
}	

.WideReceipt-Comment2{
	color: #000000;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 12px !important;
	padding: 0px;
	
	vertical-align: middle !important;
	text-align:left !important;
}	
	
.tableCellLabel-MyInfo	{/* table cell field label text */
	color: #a3a2a2;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 4px;
	/*text-align: left;*/
	text-transform: none;
	vertical-align: middle !important;
	white-space: nowrap;	
	}
	
	
.tableCellLabel2 {/* table cell field label text */
	color: #a3a2a2;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 2px;
	padding-top: 4px;
	
	text-transform: none;
	vertical-align: middle !important;
	white-space: nowrap;	
	}	
	
	
/**********Slider***********/
.slider-dv{

/*  background:red !important;
  display: block !important;
  margin-left: 0px !important;
  margin-right: 100px !important;*/
    display: block;
  justify-content: center;
  align:center;
  float:center;

  
}


.SliderHeaderText { /* table cell field value text */
	color: #ffffff;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 40px;
	text-align: center;
	vertical-align: middle !important;
	padding-bottom: 10px !important;
	padding-top: 10px !important;
	margin: 0 auto;
  	display: block !important;
  	font-weight: bold !important;
  
  	background-color:transparent !important;
	/*text-shadow: 2px 2px #000000;*/

    -webkit-animation: fadeInScale 2.0s ease-in-out;
  -moz-animation: fadeInScale 2.0s ease-in-out;
  animation: fadeInScale 2.0s ease-in-out;	
	}

	
.SliderDetailsText { /* table cell field value text */
	color: #ffffff;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 20px;
	text-align: center;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-top: 4px !important;


    padding-left:50px; padding-right: 50px;

  	margin: 0 auto;
  	display: block !important;
  
   	background-color:transparent !important;
	/*text-shadow: 2px 2px #000000; */


    -webkit-animation: fadeInScale 1.0s ease-in-out;
  	-moz-animation: fadeInScale 1.0s ease-in-out;
  	animation: fadeInScale 1.0s ease-in-out;	
	}	
	
/*****AI Agent*****/

		.AIAgentPage{
		
		width: calc(100% - 10px);
		border:0px !important;
		display:block;
		}


        .tre-chat-bar {
            display: flex;
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100% !important;
            background-color: #ffffff;
            border-top: 1px solid #ccc;
            padding: 10px;
        }

        .tre-chat-input {
            flex-grow: 1;
            padding: 10px;
            font-size: 18px;
			font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif !important;
            border: 1px solid #ccc;
            border-radius: 5px;
        }

        .tre-chat-button {
            margin-left: 10px;
			margin-right: 20px;
            padding: 10px 20px;
			font-size: 16px;
			font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif !important;
			font-weight: normal !important;
            background-color: #D45D79;
            color: white;
            border: none;
            border-radius: 5px;
			cursor: pointer;
        }


		
		
		.tre-gpt-answer { /* This is #chatOutput */
			text-align: left;
			padding: 10px;
			font-family: 'Roboto', sans-serif;
			font-size: 18px;
			white-space: pre-line;
			background-color: #ffffff;
			border-radius: 6px;
			margin-top: 10px;
			color: #333;
            /* Added for scrollability and space for chat bar */
            max-height: calc(100vh - 150px); /* Adjust based on your header/fixed elements */
            overflow-y: auto;
            margin-bottom: 70px; /* Adjust to be taller than the chat bar */
		}	
	
	

		
/* --- Styles for AI-Generated Data Tables --- */
/* *** MODIFIED TO BE MORE SPECIFIC *** */
#chatOutput .ai-data-table { /* Target table ONLY when inside #chatOutput */
    border-collapse: collapse; /* Essential for clean borders */
    margin: 20px 0; /* Space around the table */
    font-size: 0.9em; /* Adjust as needed */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Or your preferred font */
    width: 100%; /* Make table fill its container width */
    max-width: 100%; /* Ensure it doesn't overflow */
    min-width: 400px; /* Optional: prevent table from getting too narrow */
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.10); /* Subtle shadow */
    border-radius: 8px; /* Rounded corners for the table */
    overflow: hidden; /* Important for border-radius to work with box-shadow and internal borders */
    border: 1px solid #ddd; /* Outer border for the table itself if desired */
}

#chatOutput .ai-data-table thead tr {
    background-color: #D45D79; /* Your brand color - THIS SETS HEADER BG */
    color: #ffffff; /* White text on dark header */
    text-align: left;
    font-weight: bold;
}

#chatOutput .ai-data-table th,
#chatOutput .ai-data-table td {
    padding: 12px 15px; /* Cell padding */
    border: 1px solid #dddddd; /* Lines for cells - THIS IS KEY */
    vertical-align: top; /* Align content to top of cells if needed */
	

    padding: 12px 15px; /* Existing padding */
    border: 1px solid #dddddd; /* Existing border */
    vertical-align: top; /* Existing alignment */
    white-space: nowrap; /* 💡 Prevent header word wrap */
    overflow: hidden;
    text-overflow: ellipsis;	
	
}

#chatOutput .ai-data-table tbody tr {
    border-bottom: 1px solid #dddddd; /* Horizontal line between rows */
}

#chatOutput .ai-data-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3; /* Zebra striping for readability */
}

#chatOutput .ai-data-table tbody tr:last-of-type {
    /* No special border needed if cells have borders from th/td */
}

#chatOutput .ai-data-table tbody tr:hover {
    background-color: #e0e0e0; /* Hover effect for rows */
}
		
    .message-item {
        white-space: pre-wrap; /* Crucial for displaying newlines correctly */
        word-break: break-word;
        padding: 8px;
        margin-bottom: 5px;
        border-radius: 5px;
    }
    .system-message {
        background-color: #eef2f7; /* Light blue/grey for system messages */
    }
    .error-message {
        background-color: #fdecea; /* Light red for errors */
        color: #932121;
        border: 1px solid #f5c6cb;
    }

/* Styles for the AI Progress Indicator Div (overall container) */
.ai-progress-indicator {
    text-align: left;
    padding: 8px 10px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 10px;
    min-height: 1.5em; 
}

/* Style for INTERMEDIATE progress messages (⚙️, 🧠, etc.) */
.ai-progress-step {
    font-size: 1.2em;
    color: #555;     
    font-style: italic;
    padding: 2px 0; 
    margin: 0;
}

/* Style for the FINAL "❔ User's Question" recap message */
.ai-final-query-recap {
	padding: 2px;
	font-family: 'Roboto', sans-serif;
	font-size: 18px; 
    color: #000000;      
    font-weight: bold;  
    margin: 0;
    margin-top: 2px;
}

.error-message {
    color: #c00; 
    font-weight: bold;
}
		
    @keyframes fadeInAnimation {
        from {
            opacity: 0;
            transform: translateY(15px); 
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
		

/******End AI Agent****/
	
.SliderHeaderText-Home { /* table cell field value text */
	color: #ffffff;
	font-family: 'Cairo Play',Arial, Verdana, Georgia, sans-serif;
	font-size: 25px;
	text-align: center;
	vertical-align: top !important;
	padding-bottom: 10px !important;
	padding-top: 0px !important;
    /*display:flex;*/
    
  margin: 0 auto;
  display: block !important;
  font-weight: bold !important;
  
  background-color:transparent !important;
/*text-shadow: 2px 2px #000000;*/

    -webkit-animation: fadeInScale 2.0s ease-in-out;
  -moz-animation: fadeInScale 2.0s ease-in-out;
  animation: fadeInScale 2.0s ease-in-out;
  
   /*background-color: rgba(0, 0, 0, 0.5) !important;*/
	}
	
	
	
.SliderDetailsText-Home{ /* table cell field value text */
	color: #ffffff;
	font-family: 'Cairo Play',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	text-align: center !important;
	
	float:center !important;
	align:center  !important;
	width:100vw !important;
	
	padding-left:50px; padding-right: 50px;
	
	vertical-align: middle !important;
	padding-bottom: 4px !important;

	/*padding-left: 15px !important;
	padding-right: 15px !important;*/
	padding-top: 4px !important;
   /* display:flex;*/

  margin: 0 auto;
 /* display: block !important;*/
  
   background-color:transparent !important;
/*text-shadow: 2px 2px #000000; */


    -webkit-animation: fadeInScale 1.0s ease-in-out;
  -moz-animation: fadeInScale 1.0s ease-in-out;
  animation: fadeInScale 1.0s ease-in-out;	
  
 /*  background-color: rgba(0, 0, 0, 0.5) !important;*/
	}	
	
	
	
	
.ImageSlider{

  width: 300px;
  height: 200px;
  object-fit: fill;
  align:center !important;
   margin: 0 auto;
   /*margin-left:10%;&/
   /*margin-right:50%;*/
   text-align: center;
   display: block !important;

}


/***********End Slider***********/
	
.tableCellLabel_Mass {/* table cell field label text */
	color: #2b2b29;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	padding-bottom: 0px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0px;
	/*text-align: center;*/
	text-transform: none;
	vertical-align: middle !important;
	white-space: nowrap;
	display:flex;
	font-weight: bold !important;
	
	
	}		
	
.tableCellValue_Mass { /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-top: 4px !important;
   display:flex;
     /*display:table-row;*/

  /*display: inline-flex;
  flex-wrap: wrap;
  margin: -0px 0 0 -0px;
  width: calc(100% + 0px);*/
  margin: 0 auto;

  
	}
	
	
	
.LinkButton_Mass{

	color: #ffffff !important;
	font-family: 'Cairo', Aria,Tahoma !important;
	font-Size: 14px !important;
	font-weight: normal !important;
	text-decoration: none !important;
	text-shadow: 0px 0px 0px #202020 !important;
	text-transform: capitalize !important;/*uppercase;*/
	padding-left:50px !important;
	padding-right:50px !important;	
    font-weight: bold !important;
    text-align:center;
    display:block;

   background-color:#D45D79; 
   border-radius: 5px;

	

}	
	
	
.tableCellValue { /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	text-align: left;
	vertical-align: middle !important;
	padding-bottom: 2px !important;
	padding-left: 2px !important;
	padding-right: 2px !important;
	padding-top: 2px !important;
   /*display:flex;*/
  margin: 0 auto;


	}
	
[dir="rtl"] .tableCellValue {
    text-align: right;
	padding-bottom: 4px !important;
	padding-left: 2px !important;
	padding-right: 7px !important;
	padding-top: 4px !important;	
}	
	
	
.tableCellValue-PerfectSize { /* table cell field value text */
    display: inline-flex; /* For LTR */
    justify-content: space-between; /* Adjust as needed */
    align-items: center; /* Adjust as needed */
    /* Other properties remain the same */
    color: #555555;
    font-family: 'Cairo', Arial, Verdana, Georgia, sans-serif;
    font-size: 14px;
    vertical-align: middle !important;
    padding: 4px 15px 6px 15px !important; /* Shortened padding */
    margin: 0 auto;
    box-sizing: border-box; /* Ensures padding doesn't affect width */

  
	}	

/* For RTL */
[dir="rtl"] .tableCellValue-PerfectSize {
    display: inline-flex;
    justify-content: flex-start; /* Adjust as needed */
    align-items: center; /* Adjust as needed */

    /* Ensure consistent width in RTL */
    width: 100%; /* Ensure element occupies full width */
    max-width: none; /* Override max-width if set elsewhere */
    /* Check padding and margins to avoid stretching */
}

.tableCellValue-Help { /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-top: 4px !important;
    display:flex;
     /*display:table-row;*/

  /*display: inline-flex;
  flex-wrap: wrap;
  margin: -0px 0 0 -0px;
  width: calc(100% + 0px);*/
  margin: 0 auto;
width:23vw;
  
	}


.tableCellValue-ForImport { /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-top: 4px !important;
    /*display:flex;*/
     /*display:table-row;*/

  /*display: inline-flex;
  flex-wrap: wrap;
  margin: -0px 0 0 -0px;
  width: calc(100% + 0px);*/
  margin: 0 auto;
  
	}

	
	
.tableCellValueSettingsNote { /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 2px !important;
	padding-right: 2px !important;
	padding-top: 4px !important;
    display:block;
  
	}


.tableCellValue_Totalsales { /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px !important;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-top: 4px !important;
    display:block;
     /*display:table-row;*/

  /*display: inline-flex;
  flex-wrap: wrap;
  margin: -0px 0 0 -0px;
  width: calc(100% + 0px);*/
  margin: 0 auto;
  
	}


.tableCellValueBig { /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px !important;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-top: 4px !important;
    display:block;
     /*display:table-row;*/

  /*display: inline-flex;
  flex-wrap: wrap;
  margin: -0px 0 0 -0px;
  width: calc(100% + 0px);*/
  margin: 0 auto;
  
	}


.tableCellValueBudgetPL { /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-top: 4px !important;
   /* display:block;
     /*display:table-row;*/

  /*display: inline-flex;
  flex-wrap: wrap;
  margin: -0px 0 0 -0px;
  width: calc(100% + 0px);*/
  width:400px !important;
  margin: 0 auto;
  
	}
	
	
.TableCellValue-UserOption{
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 0px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-top: 10px !important;


  margin: 0 auto;
}

	
.TableCellText-UserOption{
	color: #808080;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif !important;
	font-size: 16px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 0px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-top: 0px !important;
   
    margin: 0 auto;
}
	
	
.tableCellValueWhite { /* table cell field value text */
	color: #ffffff;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;

	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 8px !important;
	padding-right: 8px !important;
	padding-top: 4px !important;
    display:flex; 
    margin: 0 auto;
	font-weight: bold !important;
  
	}	
	
.tableCellValueHide { /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 0px !important;
    display:none;
    width:0px !important;
	height:0px !important;
  
	}
	
.tableCellValueFixed { /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-top: 4px !important;
    /*display:flex;*/
     /*display:table-row;*/

  /*display: inline-flex;
  flex-wrap: wrap;
  margin: -0px 0 0 -0px;
  width: calc(100% + 0px);*/
  margin: 0 auto;
  width:100px !important;
  display:block;
	}	
	
	
.tableCellValueTrialBalance { /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-top: 4px !important;
    display:flex;
     /*display:table-row;*/

  /*display: inline-flex;
  flex-wrap: wrap;
  margin: -0px 0 0 -0px;
  width: calc(100% + 0px);*/
  width:150px !important;
  margin: 0 auto;
  
	}	
	
.tableCellValueAutoPay{ /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-top: 8px !important;
    /*display:flex;*/
     /*display:table-row;*/

  /*display: inline-flex;
  flex-wrap: wrap;
  margin: -0px 0 0 -0px;
  width: calc(100% + 0px);*/
  margin: 0 auto;
  
  	text-align: right;
	width:100px;
	padding-right:0px;
	/*float: right;*/
	margin-top:0px;
  
	}	

.tableCellValueAutoPayPanel{ /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-top: 8px !important;
    /*display:flex;*/

    margin: 0 auto;
  
  	text-align: right !important;
	width:10% !important;
	padding-right:0px;
	/*float: right;*/

	}	

.tableCellValueUseP{ /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-top: 8px !important;

    margin: 0 auto;
  
  	text-align: right;
	padding-right:0px;
	/*float: center;*/
  
	}	

	
.tableCellValuePaid{ /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-top: 8px !important;

  margin: 0 auto;
  
  	text-align: left;
	width:100px;
	padding-right:0px;
	/*float: right;*/
	margin-top:0px;
  
	}	

	
.tableCellValueUsePrepayment{ /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-top: 8px !important;

    margin: 0 auto;
  
  	text-align: center !important;
	float:center !important;
	width:15% !important;
  
	}	

	
.tableCellValueUsePrepayment2{ /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-top: 8px !important;

    margin: 0 auto;
  
  	text-align: center !important;
	float:center !important;
	width:15% !important;
  
	}		
	
.tableCellValueBold { /* table cell field value text */
	color: #000000;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-top: 4px !important;
    display:flex;
    margin: 0 auto;
	font-weight: bold !important;
    
	}		

.InQTYClass { /* table cell field value text */
	/*color: #000000;*/
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 4px !important;
    display:flex;
    margin: 0 auto;
	font-weight: bold !important;
    
	}		


.InMoneyClass { /* table cell field value text */
	/*color: #000000;*/
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 4px !important;
    display:flex;
    margin: 0 auto;
	font-weight: bold !important;
    
	}	
	
	
.OutQTYClass { /* table cell field value text */
	/*color: #000000;*/
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 4px !important;
    display:flex;
    margin: 0 auto;
	font-weight: bold !important;
    
	}	
	
	
.OutMoneyClass { /* table cell field value text */
	/*color: #000000;*/
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 4px !important;
    display:flex;
    margin: 0 auto;
	font-weight: bold !important;
    
	}	


.BalanceClass { /* table cell field value text */
	/*color: #000000;*/
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 4px !important;
    display:flex;
    margin: 0 auto;
	font-weight: bold !important;
    
	}	
	

.tableCellValueBoldTotalright{ /* table cell field value text */
	color: #D45D79;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	/*text-align: right;*/
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	padding-top: 4px !important;
   /*display:flex;*/
    margin: 0 auto;
	font-weight: bold !important;
    display:inline-block;
	margin-right:0px;

	}
	
.tableCellValueBoldTotalleft{ /* table cell field value text */
	color: #D45D79;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	/*text-align: right;*/
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	padding-top: 4px !important;
   /*display:flex;*/
    margin: 0 auto;
	font-weight: bold !important;
    display:inline-block;
	margin-left:0px;

	}	
	
.tableCellValueBoldTotal	{

	color: #D45D79;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	/*text-align: right;*/
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	padding-top: 4px !important;
   /*display:flex;*/
    margin: 0 auto;
	font-weight: bold !important;
   display:inline-block;
	margin-left:0px;
	margin-right:0px;
}
	
.tableCellPayImage { /* table cell field value text */
	color: #D45D79;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;

	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	padding-top: 4px !important;
    display:inline-block;
    /*margin: 0 auto;*/
	font-weight: bold !important;
  
	}	


.tableCellValueEdit { /* table cell field value text */
	color: #D45D79;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;

	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-top: 4px !important;
    display:flex;
    margin: 0 auto;
	font-weight: bold !important;
  
	}	

.Payment_Cell_Text { /* panel header title text */
	color: #D45D79 !important;
	font-family: 'Cairo', Calibri, Arial, Verdana, Georgia, sans-serif !important;
	font-Size: 14px !important;	
	font-weight: normal;
	padding-left: 10px !important;
	padding-right: 10px !important;
	white-space: nowrap;
	font-weight: bold !important;
	}	
	
.tableCellValueLogo{ /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-top: 4px !important;
    display:flex;
     /*display:table-row;*/

  /*display: inline-flex;
  flex-wrap: wrap;
  margin: -0px 0 0 -0px;
  width: calc(100% + 0px);*/
  margin: 0 auto;
  
	}	

.tableCellValueSec { /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 0px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 0px !important;
    display:flex;
     /*display:table-row;*/

	margin: 0 auto;
  
	}	

.tableCellValueMessage { /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 0px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-top: 0px !important;
	height:100%;
   /*display:flex;*/
     /*display:table-row;*/

  


  margin: 0 auto;

	}	


.tableCellValueDrop { /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-top: 4px !important;
   /*display:flex;*/
     /*display:table-row;*/

  


  margin: 0 auto;

	}	

.tableCellValueDrop2 { /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-top: 4px !important;
   /*display:flex;*/
     /*display:table-row;*/

  display:flex;


  margin: 0 auto;

	}	




.tableCellValueDrop3 { /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 4px !important;
   /*display:flex;*/
     /*display:table-row;*/

width:100% !important;



  margin: 0 auto;

	}




.tableCellValueDrop3Ar { /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	text-align: right;
	vertical-align: middle !important;
	padding-bottom: 4px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 2px !important;
   /*display:flex;*/
     /*display:table-row;*/



  margin: 0 auto;

	}
	
.tableCellValueDrop3En { /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	text-align: left;
	vertical-align: middle !important;
	padding-bottom: 4px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 2px !important;
   /*display:inline-flex;*/
     /*display:table-row;*/


width:100%;
  margin: 0 auto;

	}	
	
	
	
.tableCellValueDrop3ArNote { /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	text-align: right;
	vertical-align: middle !important;
	padding-bottom: 4px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 20px !important;
   /*display:flex;*/
     /*display:table-row;*/



  margin: 0 auto;

	}
	
.tableCellValueDrop3EnNote { /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	text-align: left;
	vertical-align: middle !important;
	padding-bottom: 4px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 20px !important;
   /*display:flex;*/
     /*display:table-row;*/


    margin: 0 auto;


	}	
	
	
.tableCellValueDrop3ArBold { /* table cell field value text */
	color: #FDFF00;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 20px;
	text-align: right;
	vertical-align: middle !important;
	padding-bottom: 4px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 2px !important;
   /*display:flex;*/
     /*display:table-row;*/
 background-color:#D45D79;
    font-weight: bold !important;

  margin: 0 auto;

	}
	
.tableCellValueDrop3EnBold { /* table cell field value text */
	color: #FDFF00;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 20px;
	text-align: left;
	vertical-align: middle !important;
	padding-bottom: 4px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 2px !important;

     /*display:table-row;*/
     background-color:#D45D79;
     font-weight: bold !important;

  margin: 0 auto;

	}	
	
.tableCellValueDropBold { /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-top: 4px !important;
   /*display:flex;*/
     /*display:table-row;*/

  
    font-weight: bold !important;

  margin: 0 auto;

	}	


.tableCellValueSecondLineJournal{ /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 0px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 0px !important;
   display:flex;

  margin: 0 auto;
  
	}


.tableCellValue2Root{ /* table cell field value text */
	color: #F96666;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px !important;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 4px !important;
	font-weight: bold !important;

  
	}
	
.tableCellValue2Type{ /* table cell field value text */
	color: #674747;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px !important;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 4px !important;
	font-weight: bold !important;
 
  
	}	
	
.tableCellValue2Main{ /* table cell field value text */
	color: #829460;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px !important;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 4px !important;
	font-weight: bold !important;    

  
	}	
	
	

.tableCellValue2Root-en{ /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 20px !important;
	text-align: left !important;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 2px !important;
	padding-right: 2px !important;
	padding-top: 4px !important;
	font-weight: bold !important;
  
	}	
.tableCellValue2RootHide{
    display:none !important; 
	hight:0px !important;

}

.tableCellValue2Root-ar{ /* table cell field value text */
	color: #555555 !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 20px !important;
	text-align: right  !important;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 2px !important;
	padding-right: 7px !important;
	padding-top: 4px !important;
	font-weight: bold !important;
  
	}	
	

.tableCellValue2Type-en{ /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px !important;
	text-align: left !important;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 2px !important;
	padding-right: 2px !important;
	padding-top: 4px !important;
	font-weight: normal !important;
  
	}	


.tableCellValue2Type-ar{ /* table cell field value text */
	color: #555555 !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px !important;
	text-align: right  !important;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 2px !important;
	padding-right: 7px !important;
	padding-top: 4px !important;
	font-weight: normal !important;
  
	}
	
	
.tableCellValue2Main-en{ /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px !important;
	text-align: left !important;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 2px !important;
	padding-right: 2px !important;
	padding-top: 4px !important;
	font-weight: bold !important;
  
	}	


.tableCellValue2Main-ar{ /* table cell field value text */
	color: #555555 !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px !important;
	text-align: right  !important;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 2px !important;
	padding-right: 7px !important;
	padding-top: 4px !important;
	font-weight: bold !important;
  
	}	



.tableCellValue2MainPL-en{ /* table cell field value text */
	color: #1f87de;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px !important;
	text-align: left !important;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 2px !important;
	padding-right: 2px !important;
	padding-top: 4px !important;
	font-weight: bold !important;
  
	}	


.tableCellValue2MainPL-ar{ /* table cell field value text */
	color: #1f87de !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px !important;
	text-align: right  !important;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 2px !important;
	padding-right: 7px !important;
	padding-top: 4px !important;
	font-weight: bold !important;
  
	}	
	
.tableCellValue2Account-en{ /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px !important;
	text-align: left !important;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 2px !important;
	padding-right: 2px !important;
	padding-top: 4px !important;
	font-weight: normal !important;
  
	}	


.tableCellValue2Account-ar{ /* table cell field value text */
	color: #555555 !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px !important;
	text-align: right  !important;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 2px !important;
	padding-right: 7px !important;
	padding-top: 4px !important;
	font-weight: normal !important;
  
	}	
	
	
.tableCellValueMerge { /* table cell field value text */
	color: #555555;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	text-align: left;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	padding-top: 4px !important;
display: inline-block; 
    margin:10px;
    float:left;/*Add float left*/
    margin :10px;
	width:150px;
	}

.tableCellValueDescription	{ /* table cell field value text */
	color: #555555;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 75px !important;
	padding-right: 75px !important;
	padding-top: 4px !important;

	}	
	
.tableCellValueSummary	{ /* table cell field value text */
	color: #555555;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 12px;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 75px !important;
	padding-right: 75px !important;
	padding-top: 0px !important;
    display:flex;
	margin-top: -10px;
    
	}		
	
.tableCellValue2 { /* table cell field value text */
	color: #555555;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	text-align: left;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 16px !important;
	padding-right: 16px !important;
	padding-top: 4px !important;
    
     /*display:table-row;*/
	}		
	
.tableCellValue3 { /* table cell field value text */
	color: #555555;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	padding-top: 4px !important;
    
    
	}			
	
	
	
.tableCellValue2-ar { /* table cell field value text */
	color: #555555 ;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px !important;
	text-align: right  !important;
	vertical-align: middle !important;
	padding-bottom: 4px !important;
	padding-left: 2px !important;
	padding-right: 7px !important;
	padding-top: 4px !important;
 
    

	}		

	
.tableCellValue2-en { /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px !important;
	text-align: left !important;
	vertical-align: middle !important;
	padding-bottom: 2px !important;
	padding-left: 2px !important;
	padding-right:2px !important;
	padding-top: 2px !important;


	}		


[dir="rtl"] .tableCellValue2-en { /* table cell field value text */
	color: #555555 ;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px !important;
	text-align: right  !important;
	vertical-align: middle !important;
	padding-bottom: 4px !important;
	padding-left: 2px !important;
	padding-right: 7px !important;
	padding-top: 4px !important;


	}		




.tableCellValue2Home-ar { /* table cell field value text */
	color: #202020;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	text-align: right;
	vertical-align: middle !important;
	padding-bottom: 1px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 1px !important;
 
  margin: 0 auto;


   -webkit-animation: fadeInScale 0.8s ease-in-out;
  -moz-animation: fadeInScale 0.8s ease-in-out;
  animation: fadeInScale 0.8s ease-in-out;	
 
    

	}		

	
.tableCellValue2Home-en { /* table cell field value text */
	color: #202020;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 13px;
	text-align: left;
	vertical-align: middle !important;
	padding-bottom: 1px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 1px !important;
 
  margin: 0 auto;


   -webkit-animation: fadeInScale 0.8s ease-in-out;
  -moz-animation: fadeInScale 0.8s ease-in-out;
  animation: fadeInScale 0.8s ease-in-out;	
	
	}		


.tableCellValue2Sales-ar { /* table cell field value text */
	color: #555555 ;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px !important;
	text-align: right  !important;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 2px !important;
	padding-right: 7px !important;
	padding-top: 4px !important;
    font-weight: bold !important;
    

	}		

	
.tableCellValue2Sales-en { /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px !important;
	text-align: left !important;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 2px !important;
	padding-right: 2px !important;
	padding-top: 4px !important;
    font-weight: bold !important;

	
	}		
	
	
.tableCellValueSmall-ar { /* table cell field value text */
	color: #555555 !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px !important;
	text-align: right  !important;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 0px !important;
	padding-right: 10px !important;
	padding-top: 4px !important;
 
    

	}		



.tableCellValuePL-en { /* table cell field value text */
	color: #D45D79;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 20px !important;
	text-align: left !important;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 2px !important;
	padding-right: 2px !important;
	padding-top: 4px !important;
    font-weight: bold !important;

	
	}		
	
	
.tableCellValuePL-ar { /* table cell field value text */
	color: #D45D79 !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 20px !important;
	text-align: right  !important;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 0px !important;
	padding-right: 10px !important;
	padding-top: 4px !important;
 
    

	}		
	
	
.tableCellValuePLType-en { /* table cell field value text */
	color: #000000;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px !important;
	text-align: left !important;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 2px !important;
	padding-right: 2px !important;
	padding-top: 4px !important;
    font-weight: bold !important;
 
	
	}		
	
	
.tableCellValuePLType-ar { /* table cell field value text */
	color: #000000 !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px !important;
	text-align: right  !important;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 2px !important;
	padding-right: 2px !important;
	padding-top: 4px !important;
    font-weight: bold !important;
    

	}			

.ThisYearPL{
	color: #202020 ;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px !important;
	
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 4px !important;
	font-weight: bold !important;
}


.LastYearPL{
	color: #202020 ;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px !important;
	
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 4px !important;
	font-weight: bold !important;

}
	
.tableCellValueSmall-en { /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px !important;
	text-align: left !important;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 10px !important;
	padding-right: 0px !important;
	padding-top: 4px !important;


	}			
.TotalPL{
	color: #808080 !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif !important;
	font-size: 16px !important;
	vertical-align: middle !important;
    font-weight: bold !important;


	}

	
.tableCellValueSmall-enOld	{ /* table cell field value text */
	color: #1f87de !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px !important;
	text-align: left !important;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 10px !important;
	padding-right: 0px !important;
	padding-top: 4px !important;
    
	font-weight: bold !important;

	}	
	
	
.tableCellValue2Bold-ar { /* table cell field value text */
	color: #555555;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	text-align: right;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 1px !important;
	padding-right: 1px !important;
	padding-top: 4px !important;
    font-weight: bold !important;
    

	}		

	
.tableCellValue2Bold-en { /* table cell field value text */
	color: #555555;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	text-align: left;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 1px !important;
	padding-right: 1px !important;
	padding-top: 4px !important;
    font-weight: bold !important; 

	}
	
	
	
.tableCellValue2BoldPL-ar { /* table cell field value text */
	color: #395B64;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	text-align: right;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 1px !important;
	padding-right: 1px !important;
	padding-top: 4px !important;
    font-weight: bold !important;
    

	}		

	
.tableCellValue2BoldPL-en { /* table cell field value text */
	color: #395B64;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	text-align: left;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 1px !important;
	padding-right: 1px !important;
	padding-top: 4px !important;
    font-weight: bold !important; 

	}	
	
	
.tableCellValue3Regulare-ar { /* table cell field value text */
	color: #555555;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	text-align: right;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 1px !important;
	padding-right: 1px !important;
	padding-top: 4px !important;
    font-weight: none !important;
    

	}		

	
.tableCellValue3Regulare-en { /* table cell field value text */
	color: #555555;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	text-align: left;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 1px !important;
	padding-right: 1px !important;
	padding-top: 4px !important;
    font-weight: none !important; 

	}	
		
			
.tableCellValueReportTotal { /* table cell field value text */
	color: #555555;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	padding-top: 4px !important;
    font-weight: bold !important;
     /*display:table-row;*/
	}	

		
.tableCellValueReportTotalInvoice { /* table cell field value text */
	color: #808080 !important;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	padding-top: 4px !important;
    font-weight: bold !important;
     /*display:table-row;*/
	}			
	
.tableCellValueReportTotalText { /* table cell field value text */
	color: #D45D79 !important;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	/*text-align: left;*/
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	padding-top: 4px !important;
    font-weight: bold !important;
     /*display:table-row;*/
	}				
		
		
.tableCellValueEditTicketDetailsRow{ /* table cell field value text */
	color: #555555;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	text-align: left;
	vertical-align: top !important;
	padding-bottom: 6px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	padding-top: 4px !important;

     display:flex;
	margin-top: -40px;

	}		
		
	
.field_input_Cap { /* input textbox */
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
	text-transform: uppercase !important;
    height: 28px !important;	
	}	
	
.tableCellValueAddEdit { /* table cell field value text */
	color: #555555;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 20px;
	text-align: left;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	padding-top: 4px !important;
    
     /*display:table-row;*/
	}		
	
	
.tableCellValueCharacter { /* table cell field value text */
	color: #555555;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 20px;
	text-align: left;
	vertical-align: middle !important;
	padding-bottom: 4px !important;
	padding-left: 6px !important;
	padding-right: 2px !important;
	padding-top: 4px !important;

	

	width: 350px;
  	max-width:350px;

  	
	}		
	
	
.tableCellValueCharacter1 { /* table cell field value text */
	color: #555555;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 20px;
	text-align: left;
	vertical-align: middle !important;
	padding-bottom: 4px !important;
	padding-left: 6px !important;
	padding-right: 2px !important;
	padding-top: 4px !important;

	

	width: 500px;
  	max-width:500px;

  	
	}		
	
.tableCellRole {/* table cell field label text */
	color: #555555;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 20px;
	padding-bottom: 4px;
	padding-left: 160px;
	padding-right: 2px;
	padding-top: 0px !important;
	text-align: left !important;
	text-transform: none;
	vertical-align: top !important;
	white-space: nowrap;	
	display:block;
	}


.tableCellRole2 {/* table cell field label text */
	color: #555555;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 20px;
	padding-bottom: 4px;
	padding-left: 100px;
	padding-right: 2px;
	padding-top: 0px !important;
	text-align: left !important;
	text-transform: none;
	vertical-align: top !important;
	white-space: nowrap;	
	}
	

.tableCellLabelReport {/* table cell field label text */
	color: #555555;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 2px;
	padding-top: 4px;
	text-align: left !important;	
	text-transform: none;
	vertical-align: middle !important;
	white-space: nowrap;	
	font-weight: bold !important;
	
	background-color: #F7F7F7 !important;	
	border-bottom: 0px dotted #dddddd !important;
	}
	
.tableCellValueReport { /* table cell field value text */
	color: #555555;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	text-align: left !important;	
	vertical-align: middle !important;
	padding-bottom: 4px !important;
	padding-left: 6px !important;
	padding-right: 2px !important;
	padding-top: 4px !important;
	font-weight: normal !important;

	}	
	
.popupTableCellLabel {/* popup table cell field label text */
	color: #555555 !important;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif !important;
	font-size: 18px !important;
	padding-bottom: 4px !important;
	padding-left: 6px !important;
	padding-right: 2px !important;
	padding-top: 4px !important;
	text-align: left !important;
	text-transform: none !important;
	vertical-align: top !important;
	white-space:nowrap !important;
	}

.popupTableCellValue { /* popup table cell field value text */
	color: #555555 !important;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif !important;
	font-size: 22px !important;
	padding: 4px !important;
	vertical-align: top !important;
	white-space:nowrap !important;
	}	
	
.AutomaticSerial {/* table cell field label text */
	color: #356aa0;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 22px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 2px;
	padding-top: 4px;
	font-weight: bold !important;
	text-align: right;
	text-transform: none;
	vertical-align: middle !important;
	white-space: nowrap;	
	}	
	
.field_input, .fi { /* input textbox */
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
	
    height: 20px !important;	
	
	
	}


.field_input_DiscountPassword { /* input textbox */
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
	text-align:center;
    height: 35px !important;	

	}


.field_input_Registration { /* input textbox */
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
	
    height: 35px !important;	

	}


.field_inputForNotesSettings { /* input textbox */
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
	
    height: 50px !important;	
	}


.field_input_Barcode{ /* input textbox */
	background-color: #ffffff;
	border: 1px solid #555555;
	/*border-radius: 1px;
	box-shadow: inset 0px 1px 2px #dddddd;*/
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
    height: 35px !important;	
	width:300px !important;	
	}
	
.field_input_Barcode:focus {
  outline-width: 2px;
  outline-style: solid;
  outline-color: #dddddd;
  border: 2px solid #555555;
border-radius: 1px;
	box-shadow: inset 0px 1px 2px #dddddd;
}	
	
.field_input_Note { /* input textbox */
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
	
    height: 35px !important;	
	}

.field_inputBig { /* input textbox */
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
	
    height: 20px !important;	
	}

	
.field_input_AddEditSales { /* input textbox */
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
	
    height: 20px !important;	
	}	
	
	
.field_input_Mass { /* input textbox */
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;

    height: 30px !important;	
	}	


.field_inputMainAccountID { /* input textbox */
	border: 0px !important;
	border-radius: 0px !important;
	box-shadow: inset 0px 0px 0px #dddddd;

	
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px !important;
	vertical-align: middle !important;
	padding-bottom: 0px !important;
	padding-left: 2px !important;
	padding-right: 2px !important;
	padding-top: 0px !important;
	font-weight: bold !important;	
	background-color: #ffffff;
	}


.field_inputAccountRoot { /* input textbox */
	border: 0px !important;
	border-radius: 0px !important;
	box-shadow: inset 0px 0px 0px #dddddd;

	
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 20px !important;
	vertical-align: middle !important;
	padding-bottom: 0px !important;
	padding-left: 2px !important;
	padding-right: 2px !important;
	padding-top: 0px !important;
	font-weight: bold !important;	
	background-color: #ffffff;
	}


.field_inputAccountType { /* input textbox */
	border: 0px !important;
	border-radius: 0px !important;
	box-shadow: inset 0px 0px 0px #dddddd;

	
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px !important;
	vertical-align: middle !important;
	padding-bottom: 0px !important;
	padding-left: 2px !important;
	padding-right: 2px !important;
	padding-top: 0px !important;
	font-weight: normal !important;
	background-color: #ffffff;
	}

.field_inputLikeLiteral { /* input textbox */
	background-color: #ffffff;
	border: 0px !important;
	border-radius: 0px !important;
	box-shadow: inset 0px 0px 0px #dddddd;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	padding-left: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
	
    height: 15px !important;
	
	
	}	
	
	
.field_inputMultiLine{
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
	
    
}
	
.field_input_Cell { /* input textbox */

	border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #D45D79;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
	font-weight: bold;
    height: 20px !important;	
	}		
	
	
.field_input_AutoPay { /* input textbox */

	border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #D45D79;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 20px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
	font-weight: bold;
    height: 30px !important;	
	}			
	
.field_input2{ /* input textbox */
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
	
	
    
	}		




.NotificationNumberNotRead{
  
  color: #666;
  border: 4px solid #00A19D;
  font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
  border-radius: 50%;
  font-size: 0.9em;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2em; 
  height: 2em;
  
   overflow: hidden;
    z-index: 100;
    vertical-align: middle;
    font-size: 11px;
    -webkit-box-shadow:0 3px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);  
}


.NotificationNumberRead{
  
  color: #666;
  border: 4px solid #E05D5D;
  font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
  border-radius: 50%;
  font-size: 0.9em;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2em; 
  height: 2em;
}


.message_input{ /* input textbox */
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 8px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
	height:60px !important;
    
    outline:none;	
	}
	
.Search_Input, .si { /* search textbox */
	background-color: #ffffff;
	/*border: 1px solid #dddddd;*/
	border: 0px solid #dddddd;
	border-radius: 8px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 20px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
	
    height: 20px !important;	
	outline:none !important;	
	} 	
	
.panelSearchBox {
	background-color: #ffffff !important;
	border: 0px solid #dddddd !important;
	border-radius: 8px !important;
	box-shadow: inset 0px 1px 2px #dddddd !important;
	height: 20px !important;
	padding-left: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	padding-right: 0px !important;
	width: 286px !important;
	
	color: #555555 !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif !important;
	font-size: 20px !important;
	
	align:center !important;	
	text-align:center !important;	
	align-items: center !important;
	float:center !important;
	display:table !important;
	vertical-align: middle;
	margin-top:10px;
	}	
	
.Search_InputHint { /* "search for..." text inside search textbox */
	background-color: #ffffff;
	border: 0px solid #dddddd;
	border-radius: 8px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 20px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
	
	
    height: 20px !important;	
	outline:none !important;	
	}	
	

	
.updatePanelContent { /* panel container */
	width: 100%;
	height:100%;

	
	}	
	
.windowFullWidth {

	width: 100%;
	height:100%;
	display:block;
}
	
/**** Save Button position***/	
.recordPanelButtonsAlignment, .rpbAlign { /* page buttons alignment */
	padding-bottom: 20px;
	padding-top: 10px;
	
	/*padding-right: 140px !important;*/
	
	/*width:100% !important;	*/
	align:center !important;	
	text-align:center !important;	
	align-items: center !important;
	float:center !important;	

  	display: table;
  	margin: 0 auto;
	bottom:30px !important;
    

	
	}	
	
	
.recordPanelButtonsAlignmentDetailsUp { /* page buttons alignment */
	padding-bottom: 20px;
	padding-top: 10px;
	
	
	width:100% !important;	
	align:center !important;	
	text-align:center !important;	
	align-items: center !important;
	float:center !important;	

  	display: table;
  	margin: 0 auto;
	bottom:30px !important;


	
	}		
	
	
.recordPanelButtonsAlignmentDetailsDown { /* page buttons alignment */
	padding-bottom: 20px;
	padding-top: 0px;
	
	
	width:100% !important;	
	align:center !important;	
	text-align:center !important;	
	align-items: center !important;
	float:center !important;	

  	display: table;
  	margin: 0 auto;
	margin-top:-30px;
	margin-bottom:0px;
	
	bottom:0px !important;


	
	}		
	
	
	
.ButtonsAlignment_Down { /* page buttons alignment */
	padding-bottom: 20px;
	padding-top: 10px;
	
	/*padding-right: 140px !important;*/
	
	/*width:100% !important;	*/
	align:center !important;	
	text-align:center !important;	
	align-items: center !important;
	float:center !important;	

  	display: table;
  	margin: 0 auto;
	bottom:10px !important;
	
  position:absolute;	
  margin-left: 40%;
  margin-right: 40%;
	
	}	
		
	
.recordPanelButtonsAlignment_StayDown { /* page buttons alignment */
	padding-bottom: 20px;
	padding-top: 10px;
	
	/*padding-right: 140px !important;*/
	
	/*width:100% !important;	*/
	align:center !important;	
	text-align:center !important;	
	align-items: center !important;
	float:center !important;	

  	display: table;
  	margin: 0 auto;
	bottom:10px !important;
	
  position:absolute;	
  margin-left: 45%;
  margin-right: 45%;
	
	}	
	
	
.recordPanelButtonsAlignment_AddRegistration { /* page buttons alignment */
	padding-bottom: 20px;
	padding-top: 10px;
	
	/*padding-right: 140px !important;*/
	
	/*width:100% !important;	*/
	align:center !important;	
	text-align:center !important;	
	align-items: center !important;
	float:center !important;	

  	display: table;
  	margin: 0 auto;
	bottom:10px !important;
	
  position:relative;	
  margin-left: 45%;
  margin-right: 45%;
	
	}		
		
/*****************Button********************/	
.button_link2 { /* link text of buttons */ 
	color: #ffffff !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif !important;
	font-size: 18px;
	font-weight: normal !important;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
	text-transform: capitalize;
	width: 100%;
	}		
	
.button_link2:hover { /* link text of buttons */ 
	color: #ffffff !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	font-weight: normal !important;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
	/*text-transform: uppercase;*/
	width: 100%;
	}				

	

.button_linkSameSize { /* link text of buttons */ 
	color: #FDFF00 !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif !important;
	font-size: 18px;
	font-weight: normal !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	text-align: center;
	text-decoration: none;
	text-transform: capitalize;
	width: 100% !important;
	font-weight: bold;
	}		
	
.button_linkSameSize:hover { /* link text of buttons */ 
	color: #ffffff !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	font-weight: normal !important;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	text-decoration: none;
	/*text-transform: uppercase;*/
	width: 100%;
	}				

.button_linkSmall { /* link text of buttons */ 
	color: #ffffff !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif !important;
	font-size: 14px;
	font-weight: normal !important;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
	text-transform: capitalize;
	width: 100%;
	height:20px;

	}		
	
.button_linkSmall:hover { /* link text of buttons */ 
	color: #ffffff !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	font-weight: normal !important;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
	/*text-transform: uppercase;*/
	width: 100%;
	}			
	
	
.button_link_print	{ /* link text of buttons */ 
	color: #ffffff !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	font-weight: normal !important;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	width: 100%;

background: #D45D79;
	
	
	-moz-border-radius: 0px;
	-moz-box-shadow: inset 0px 0px 0px 0px #ffffff;
	-webkit-border-radius: 0px;
	-webkit-box-shadow: inset 0px 0px 0px 0px #ffffff;	
	
	box-shadow: inset 0px 0px 0px #ffffff;
	border: 0px solid #d1d1d1;	
	
	
padding: 8px 7px 8px 7px !important;	
	}		
	
.button_link_print:hover { /* link text of buttons */ 
	color: #ffffff !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	font-weight: normal !important;
	text-align: center;
	text-decoration: none;
	/*text-transform: uppercase;*/
	width: 100%;

	}				





	
	
.themeButtonSmall {

	background: #D45D79;

	border: 0px solid #d1d1d1;
	border-radius: 3px;
	display: inline-block;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fbfbfb', endColorStr='#ececec');
	font-family: Arial, Verdana, Georgia, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
	text-decoration: none;
	white-space: nowrap;
	height:20px;
	vertical-align:center;
	}
	
.themeButtonSmall:hover {
    background: #D45D79;
	white-space: nowrap;
		padding: 0px 0px 5px 0px;
}
	
	
.themeButton2 {
/*	-moz-border-radius: 3px;
	-moz-box-shadow: inset 0px -1px 0px 0px #ffffff;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: inset 0px -1px 0px 0px #ffffff;
*/
	background: #D45D79;
/*background: #356aa0;
background: -moz-linear-gradient(top,  #356aa0 0%, #356aa0 100%);
background: -webkit-linear-gradient(top,  #356aa0 0%,#356aa0 100%);
background: linear-gradient(to bottom,  #356aa0 0%,#356aa0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aa0', endColorstr='#356aa0',GradientType=0 );
*/
	/*box-shadow: inset 0px -1px 0px #ffffff;*/
	border: 0px solid #d1d1d1;
	border-radius: 3px;
	display: inline-block;
    	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fbfbfb', endColorStr='#ececec');
	font-family: Arial, Verdana, Georgia, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 8px 7px 8px 7px;
	text-decoration: none;
	/*text-shadow: 1px 1px 0px #ffffff;*/
	white-space: nowrap;
	
	
	}
	
.themeButton2:hover {
  background: #D45D79;
/*background: #4f85bb;
background: -moz-linear-gradient(45deg,  #4f85bb 0%, #4f85bb 100%);
background: -webkit-linear-gradient(45deg,  #4f85bb 0%,#4f85bb 100%);
background: linear-gradient(45deg,  #4f85bb 0%,#4f85bb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f85bb', endColorstr='#4f85bb',GradientType=1 );
*/
	white-space: nowrap;
	}	
	
.themeButton2:active {
	
box-shadow:  -1px 1px 5px #989898,
             1px -1px 5px #ffffff  !important;		
		
	}	
	
.themeButtonSameSize {
/*	-moz-border-radius: 3px;
	-moz-box-shadow: inset 0px -1px 0px 0px #ffffff;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: inset 0px -1px 0px 0px #ffffff;
*/
	background: #D45D79;
/*background: #356aa0;
background: -moz-linear-gradient(top,  #356aa0 0%, #356aa0 100%);
background: -webkit-linear-gradient(top,  #356aa0 0%,#356aa0 100%);
background: linear-gradient(to bottom,  #356aa0 0%,#356aa0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aa0', endColorstr='#356aa0',GradientType=0 );
*/
	/*box-shadow: inset 0px -1px 0px #ffffff;*/
	border: 0px solid #d1d1d1;
	border-radius: 3px;
	display: inline-block;
    	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fbfbfb', endColorStr='#ececec');
	font-family: Arial, Verdana, Georgia, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 3px 5px 3px;
	text-decoration: none;
	/*text-shadow: 1px 0px 0px #808080;*/
	white-space: nowrap;
	 display: inline-block;
	 width: 100px;
	 text-align:center;
	}
	
.themeButtonSameSize:hover {
  background: #D45D79;
/*background: #4f85bb;
background: -moz-linear-gradient(45deg,  #4f85bb 0%, #4f85bb 100%);
background: -webkit-linear-gradient(45deg,  #4f85bb 0%,#4f85bb 100%);
background: linear-gradient(45deg,  #4f85bb 0%,#4f85bb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f85bb', endColorstr='#4f85bb',GradientType=1 );
*/
	white-space: nowrap;
	}	
	
	
.themeButtonWithIcon{
/*	-moz-border-radius: 3px;
	-moz-box-shadow: inset 0px -1px 0px 0px #ffffff;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: inset 0px -1px 0px 0px #ffffff;
*/
	background: #D45D79;
/*background: #356aa0;
background: -moz-linear-gradient(top,  #356aa0 0%, #356aa0 100%);
background: -webkit-linear-gradient(top,  #356aa0 0%,#356aa0 100%);
background: linear-gradient(to bottom,  #356aa0 0%,#356aa0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aa0', endColorstr='#356aa0',GradientType=0 );
*/
	/*box-shadow: inset 0px -1px 0px #ffffff;*/
	border: 0px solid #d1d1d1;
	border-radius: 3px;
	display: inline-block;
    	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fbfbfb', endColorStr='#ececec');
	font-family: Arial, Verdana, Georgia, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 25px 7px 8px 7px;
	text-decoration: none;
	/*text-shadow: 1px 1px 0px #ffffff;*/
	white-space: nowrap;
	
	
	
	background-image: url(../../Images/ChangePassword.png) !important;
    background-position: 50% 10% !important;
	background-repeat: no-repeat !important;	
	background-size: 25px 25px !important; 
	
	}
	
.themeButtonWithIcon:hover {
  background: #D45D79;
/*background: #4f85bb;
background: -moz-linear-gradient(45deg,  #4f85bb 0%, #4f85bb 100%);
background: -webkit-linear-gradient(45deg,  #4f85bb 0%,#4f85bb 100%);
background: linear-gradient(45deg,  #4f85bb 0%,#4f85bb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f85bb', endColorstr='#4f85bb',GradientType=1 );
*/
	white-space: nowrap;
	}		
	
	
	
.button_linkWithIcon { /* link text of buttons */ 
	color: #ffffff !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	font-weight: normal !important;
	padding-left: 5px;
	padding-right: 5px;
	
	text-align: center;
	text-decoration: none;
	text-transform: capitalize;
	width: 100%;
	
	
	}		
	
	
	
	
.button_linkWithIcon:hover { /* link text of buttons */ 
	color: #ffffff !important;
	font-family:'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	font-weight: normal !important;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	text-decoration: none;
	width: 100%;
	}			
/**************************************************/	
/*****************Filter********************/	
.button_link3 { /* link text of buttons */ 
	color: #ffffff !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	font-weight: normal !important;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 100%;
	}		
	
	
	
	
.button_link3:hover { /* link text of buttons */ 
	color: #ffffff !important;
	font-family:'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	font-weight: normal !important;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
	/*text-transform: uppercase;*/
	width: 100%;
	}				

.button_link_Logout { /* link text of buttons */ 
	color: #ffffff !important;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif !important;
	font-size: 20px;
	font-weight: normal !important;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	text-decoration: none;
	/*text-transform: uppercase;*/
	background-color:transparent !important;
	box-shadow: inset 0px 0px 0px #ffffff  !important;
	border: 0px solid #d1d1d1 !important;
	}		
	
.button_link_Logout:hover { /* link text of buttons */ 
	color: #ffffff !important;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 20px;
	font-weight: bold !important;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	text-decoration: none;
	
	
	}			
	
	
	
	
.button_link4 { /* link text of buttons */ 
	color: #ffffff !important;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 22px;
	font-weight: normal !important;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 100%;
	}		
	
.button_link4:hover { /* link text of buttons */ 
	color: #ffffff !important;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 22px;
	font-weight: normal !important;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
	/*text-transform: uppercase;*/
	width: 100%;
	}		

	
	
.Button_Link_Home {
	
	background: transparent !important;
    background-color: rgba(212, 93, 121, 0.5) !important;

    color:#ffffff !important;
	
	/*border:#D45D79*/

	border-radius: 3px;
	display: inline-block;
    	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fbfbfb', endColorStr='#ececec');
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif !important;
	font-size: 20px;
	font-weight: bold;
	padding: 10px 100px 10px 100px !important;
	text-decoration: none !important;
	/*text-shadow: 1px 1px 0px #ffffff;*/
	white-space: nowrap;
	
	



			 		 
	
	}
	
.Button_Link_Home:hover {
color:#fff985 !important;

	
		
	}	
	
.Button_Link_Home:active {
	
color:#fff985 !important;		
		
	}		
	
	
.themeButton3 {
	-moz-border-radius: 3px;
	-moz-box-shadow: inset 0px -1px 0px 0px #ffffff;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: inset 0px -1px 0px 0px #ffffff;
	
background: #D45D79;


	box-shadow: inset 0px -1px 0px #ffffff;
	border: 0px solid #d1d1d1;
	border-radius: 3px;
	display: inline-block;
    	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fbfbfb', endColorStr='#ececec');
	font-family: Arial, Verdana, Georgia, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 100px 10px 100px !important;
	text-decoration: none;
	/*text-shadow: 1px 1px 0px #ffffff;*/
	white-space: nowrap;
	
	


box-shadow:  2px -2px 5px #989898,
             -2px 2px 5px #ffffff  !important;	
	
	}
	
.themeButton3:hover {
background: #D45D79;
	white-space: nowrap;
	
		
	}	
	
.themeButton3:active {
	
box-shadow:  -1px 1px 5px #989898,
             1px -1px 5px #ffffff  !important;		
		
	}	





.themeButton4 {
	-moz-border-radius: 3px;
	/*-moz-box-shadow: inset 0px -1px 0px 0px #ffffff;*/
	-webkit-border-radius: 3px;
	/*-webkit-box-shadow: inset 0px -1px 0px 0px #ffffff;*/
	
background: #D45D79;
	/*box-shadow: inset 0px -1px 0px #ffffff;*/
	border: 0px solid #d1d1d1;
	border-radius: 3px;
	display: inline-block;
    	font-family: Arial, Verdana, Georgia, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 8px 120px 8px 120px;
	text-decoration: none;
	/*text-shadow: 1px 1px 0px #ffffff;*/
	white-space: nowrap;
	
	}
	
.themeButton4:hover {

	white-space: nowrap;
	}		

.button_link5 { /* link text of buttons */ 
	color: #ffffff !important;
	font-family: 'Poppins','Tajawal','Jura', Tahoma, Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	font-weight: bold !important;
	padding-left: 0px;
	padding-right: 0px;
	
	text-align: center;
	text-decoration: none;
	text-transform: none;

	
	}		
	
.button_link5:hover { /* link text of buttons */ 
	color: #ffffff !important;
	font-family: 'Poppins','Tajawal','Jura', Tahoma, Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	font-weight: bold !important;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	text-decoration: none;
	/*text-transform: uppercase;*/
	width: 100%;
	}		

.themeButton5 {
background: #D45D79;
	/*box-shadow: inset 0px -1px 0px #ffffff;*/
	border: 0px solid #d1d1d1;
	display: block;
    	font-family: 'Poppins','Tajawal','Jura', Tahoma, Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 8px 55px 5px 55px;
	
	text-decoration: none;
	/*text-shadow: 1px 1px 0px #ffffff;*/
	white-space: nowrap;
	text-align: center;


	
	}
	
.themeButton5:hover {

	white-space: nowrap;
	}	



.themeButton-DiscountPass {
	-moz-border-radius: 3px;
	/*-moz-box-shadow: inset 0px -1px 0px 0px #ffffff;*/
	-webkit-border-radius: 3px;
	/*-webkit-box-shadow: inset 0px -1px 0px 0px #ffffff;*/
	
background: #D45D79;
	/*box-shadow: inset 0px -1px 0px #ffffff;*/
	border: 0px solid #d1d1d1;
	border-radius: 3px;
	display: inline-block;
    font-family: Arial, Verdana, Georgia, sans-serif;
	font-size: 12px;
	font-weight: none;
	padding: 6px 10px 6px 10px;
	text-decoration: none;
	/*text-shadow: 1px 1px 0px #ffffff;*/
	white-space: nowrap;
	color:#ffffff;
	
	}
	
.themeButton-DiscountPass:hover {

	white-space: nowrap;
	}




.TopRightSignOut{

	border:0px;
    white-space: pre-wrap;
    border-radius: 0px 0px 0px;
    width:50px;
	max-width:50px !important;
	height:50px !important;
	max-height:50px !important;
	


	color: #ffffff !important;
	font-family: 'Tajawal','Cairo',Tahoma, Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	font-weight: normal;	
	text-align:center;
	vertical-align:center;

	cursor: pointer !important;	
	text-align: left;
}

	
	
.pHeaderRRS { /* page header security panel container */
	text-align: right;
	width:5%;
	padding-right:0px;
	padding-left:0px;
 	
  
	}	

.pHeaderRight-Logout-Right { /* page header security panel container */
	text-align: right;
	width:5%;
	padding-right:0px;
	padding-left:0px;
    padding-top:10px;
    
	

	text-align: right !important;
	vertical-align: middle;
	width: 99%;
	padding-right:0px !important;
	padding-left:0px;	
	display: block;
	margin: 0 auto;

	position:absolute ;	
	

	margin-left: 0px;
	margin-right: 0px !important;
	
/*	float:right !important;
	overflow: hidden;*/	
	
	}	

.pHeaderRight-Logout-Left { /* page header security panel container */
	text-align: left !important;
	width:5%;
	padding-right:0px;
	padding-left:0px;
    padding-top:10px;
  
  
  
 	text-align: left !important;
	vertical-align: middle;
	width: 99%;
	padding-right:0px !important;
	padding-left:0px;	
	display: block;
	margin: 0 auto;

	position:absolute ;	
	

	margin-left: 0px;
	margin-right: 0px !important;
	
/*	float:right !important;
	overflow: hidden;*/	 
  
	}	
	
	
.pHeaderRight-Action-Right { /* page header security panel container */
	text-align: right;
	width:65%;
	padding-right:0px;
	padding-left:0px;
 	vertical-align: middle;
  float:right;
  margin-top:8px;
	}	

.pHeaderRight-Action-Left { /* page header security panel container */
	text-align: left !important;
	width:55%;
	padding-right:0px;
	padding-left:0px;
	margin-top:8px;
    vertical-align: middle;
	float:left;
  
	}		

	
.pHeaderRight-Action-Right-invoice { /* page header security panel container */
	text-align: right;
	width:75%;
	padding-right:0px;
	padding-left:0px;
 	vertical-align: middle;
  float:right;
  margin-top:8px;
	}	

.pHeaderRight-Action-Left-invoice { /* page header security panel container */
	text-align: left !important;
	width:75%;
	padding-right:0px;
	padding-left:0px;
	margin-top:8px;
    vertical-align: middle;
	float:left;
  
	}	
	
	
.pHeaderCRRS { /* page header logo container */
	text-align: left;
	vertical-align: middle;
	width: 100%;
	padding-right:10px;
	padding-left:0px;	
	/*display: inline-block;*/
	
	
	}		
.pHeaderC { /* page header logo container */
	text-align: left;
	vertical-align: middle;
	width: 100%;
	padding-right:10px;
	padding-left:0px;	
	/*display: inline-block;*/
	
	
	}
	
	
.pHeaderCLogo { /* page header logo container */
	text-align: left;
	vertical-align: middle;
	width: 40%;
	padding-right:10px;
	padding-left:0px;	
	/*display: inline-block;*/
	
	
	}	
	
.pHeaderCenter{ /* page header logo container */
	text-align: center;
	vertical-align: middle;
	width: 100%;
	padding-right:0px;
	padding-left:0px;	
	display: block;
	margin: 0 auto;
	
	
	}	
.pHeaderRRSLanguage{ /* page header logo container */
/*	text-align: right !important;
	align:right;
	vertical-align: middle;
	width: 5% !important;
	padding-right:0px !important;
	padding-left:0px;	
	display: inline-block;
	margin: 0 auto;

	position:absolute ;	
	
	margin-top: 0px !important;	
	margin-left: 0px !important;
	margin-right: 0px !important;
	
	float:right !important;
*/	
        margin-top: 0px !important;	
        display: block !important;
        width: 150px !important;
		height:50px !important;
        background: #5e5e5e !important;
        position: absolute !important;
	
	    float:right !important;
	    text-align: right !important;
	}		
	
	
.pHeaderRRSLanguageSignIn{ /* page header logo container */
	text-align: right !important;
	vertical-align: middle;
	width: 100%;
	padding-right:10px;
	padding-left:0px;	
	display: block;
	margin: 0 auto;

	position:fixed ;
	
	margin-top: -12px;	
	margin-left: -10px;
	
	}			
	

	
.field_label, .fl { /* field label on top */
	color: #bbbbbb;
	font-family: Arial, Verdana, Georgia, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	/*text-align: left;*/
	text-transform: none;
	vertical-align: middle;
	white-space: nowrap;	
	}	
	
.pHeaderCenterSignIN{ /* page header logo container */
	text-align: center;
	vertical-align: middle;
	width: 100%;
		
	
	padding-right:0px;
	padding-left:0px;	
	display: block;
	margin: 0 auto;
	
      position:absolute ;
    
    left: 50%;
    margin-top:0px;

    margin-right: -50%;
    transform: translate(-50%, -50%);
    object-fit: contain;
    -o-object-fit: contain;
   
	}		
	
	
.pHeaderLogoAndButton{
   width:100%;
   display: inline-block;
}

.pHeaderLogoAndButtonHeader{
   width:100%;
 display: inline-block;
}	
	
.flag{
/*    width:55px;
	max-width:55px !important;
	height:55px !important;
	max-height:55px !important;
    margin:0 auto;*/

    width:50px !important;
	max-width:50px !important;
	height:50px !important;
	max-height:50px !important;
	

	
	
	color: #ffffff !important;
	font-family: 'Tajawal','Cairo',Tahoma, Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	font-weight: normal;	
	text-align:center;
	vertical-align:center;

	cursor: pointer !important;		
	margin: 0 auto;
	

	}

.tre2 { /* data grid container */
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	}
	
.delete_icoOld{
    padding-left:5px !important;
    width:32px !important;
	height:32px !important;
	outline:none !important;
}	


.refresh_ico{
 
    width:32px !important;
	height:32px !important;
	outline:none !important;
}


.Filter_Input{ /* filter drop-down list */
	border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #666666;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	margin-bottom: 2px !important;
	margin-left: 2px;
	margin-right: 2px;
	padding-top: 2px !important;
	height:28px !important;
	}
	
	
.MinsLabel{

   margin-left:-100;
   margin-right:-100;
}

.dropdownInvDetails {

	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	padding-left: 4px;
	padding-top: 0px;
	padding-bottom: 3px;
	vertical-align: middle !important;	
	
    height: 28px !important;
	width:200px !important;	
	
  
  /*display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  /*display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  /*display: -ms-flexbox;      /* TWEENER - IE 10 */
  /*display: -webkit-flex;     /* NEW - Chrome */
  /*display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */ 	
  
	}	

.dropdownMoreHigh {

	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	padding-left: 4px;
	padding-top: 0px;
	padding-bottom: 3px;
	vertical-align: middle !important;
	
    height: 28px !important;
	width:200px !important;	

  


    


	}	



.dropdownMoreHigh-UnitPrice {

	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	padding-left: 4px;
	padding-top: 0px;
	padding-bottom: 3px;
	vertical-align: middle !important;
	
    height: 28px !important;
	width:100px !important;	

  
display:inline-block;

    


	}	

.dropdownMoreHigh_Registration {

	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	padding-left: 4px;
	padding-top: 0px;
	padding-bottom: 3px;
	vertical-align: middle;
	
    height: 35px !important;
	width:320px !important;	

  
  
	}

.dropdownMoreHighAI {

	background-color: #ffffff;
	border: 1px solid #eeeeee;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	padding-left: 4px;
	padding-top: 0px;
	padding-bottom: 3px;
	vertical-align: middle;
	
    height: 35px !important;
	width:200px !important;	

  
  
	}
	
.dropdownChart {

	background-color: #ffffff;
	border: 1px solid #eeeeee;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	padding-left: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: middle;
	
    height: 35px !important;
	width:200px !important;	

  
  
	}	
	
.dropdownChartLabel {

	background-color: #ffffff;
	border: 0px;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	padding-left: 4px;
	padding-top: 0px;
	padding-bottom: 10px;
	vertical-align: middle;
	
    height: 35px !important;
	width:200px !important;	

  
  
	}		


.dropdownMoreHighSmall {

	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: middle;
	
    height: 28px !important;
	width:140px !important;	

  
  
	}

.dropdownMore_Mass {

	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 20px;
	padding-left: 4px;
	padding-right:4px;
	padding-top: 0px;
	padding-bottom: 3px;
	vertical-align: middle;
	text-align:center !important;
    height: 40px !important;
	width:300px !important;	
	
	margin-left:15px;
	margin-right:15px;
	display:flex;
  
  
	}	



.dropdownMoreHighBig {

	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 20px;
	padding-left: 4px;
	padding-top: 0px;
	padding-bottom: 3px;
	vertical-align: middle;
	text-align:center !important;
    height: 40px !important;
	width:300px !important;
  
	}	
.QuickSelectorMoreHigh-SalesInvoice {

	background-color: transparent !important;
	border: 0px solid #dddddd;
	border-radius: 0px;
	box-shadow: inset 0px 0px 0px #dddddd;
	color: #555555 !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	padding-left: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: middle;
	display:flex;
    height: 28px !important;
	width:250px !important;	

  
  
	}	
	
.QuickSelectorMoreHigh-SalesInvoice:hover {


	color: #D45D79 !important;
  
	}		

.QuickSelectorMoreHigh {

	background-color: #ffffff;
	border: 0px solid #dddddd;
	border-radius: 0px;
	box-shadow: inset 0px 0px 0px #dddddd;
	color: #555555 !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	padding-left: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: middle;
	display:flex;
    height: 28px !important;
	width:100px !important;	

  
  
	}	
	

.QuickSelectorMoreHigh:hover {


	color: #D45D79 !important;
  
	}	
	
	
.QuickSelectorMoreHigh-TableInsert {

	background-color: #ffffff;
	border: 0px solid #dddddd;
	border-radius: 0px;
	box-shadow: inset 0px 0px 0px #dddddd;
	color: #555555 !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	padding-left: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: middle;
	display:block;
    height: 28px !important;
	width:200px !important;	

  
  
	}	

.QuickSelectorMoreHigh-TableInsert:hover {


	color: #D45D79 !important;
  
	}	

.MinsLabel{

   margin-left:-100;
   margin-right:-100;
}

.dropdownInvDetails {

	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	padding-left: 4px;
	padding-top: 0px;
	padding-bottom: 3px;
	vertical-align: middle !important;	
	
    height: 28px !important;
	width:200px !important;	
	
  
  
  
	}

.dropdownMoreHighPayment {

	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	padding-left: 4px;
	padding-top: 0px;
	padding-bottom: 3px;
	vertical-align: middle;
	
    height: 28px !important;
	width:100px !important;	

  
  
	}

.dropdownMoreHighJou {

	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 3px;
	vertical-align: middle;
	
    height: 28px !important;
	width:75px !important;	

  
  
	}


.dropdownMoreHighDC {

	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	padding-left: 4px;
	padding-top: 0px;
	padding-bottom: 3px;
	vertical-align: middle;
	
    height: 28px !important;
	width:75px !important;	

  
  
	}


.dropdownMoreHighDetails {

	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
	
    height: 35px !important;
	/*width:200px !important;	*/

  
  
	}	

.dropdownCustVenInJournal {

	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	padding-left: 4px;
	padding-top: 0px;
	padding-bottom: 2px;
	vertical-align: middle;
	
    height: 28px !important;
	width:150px !important;	

  
  
	}	


.dropdownMoreHighRent {

	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
	width:100%;
    height: 35px !important;
max-width: calc(80em * 0.5);
  overflow-wrap: break-word;
  
	}	

.dropdownMoreHighTime {

	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
	/*width:100%;*/
    height: 35px !important;
max-width: calc(50em * 0.5);
  overflow-wrap: break-word;
  
	}

.dropdownMoreHighBooking {

	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
	/*width:100%;*/
    height: 35px !important;
max-width: calc(50em * 0.5);
  overflow-wrap: break-word;
  
	}
.dropdownMoreHighIvoice {

	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
	
    height: 35px !important;	
	width:280px !important;	
	
	}	

.dropdownMorePayment {

	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #555555;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
	
    height: 35px !important;	
	width:100px !important;	
	}

.TableInside{

display:inline-block;
height: 100px !important;
max-height: 100px !important;
  width: 50% !important;
  margin: 0px auto;

}


.TitleInvoiceStatus{

	color: #fed049 !important;
	font-family: 'Tajawal','Cairo', Calibri, Arial, Verdana, Georgia, sans-serif;
	font-Size: 25px !important;	
	font-weight: bolder;
	padding-left: 10px;
	white-space: nowrap;
}


.PaymentDescRow{

	color: #000000 !important;
	font-family: 'Tajawal','Cairo', Calibri, Arial, Verdana, Georgia, sans-serif;
	font-Size: 14px !important;	
	font-weight: bolder;
	padding-left: 10px;
	white-space: nowrap;
}
/************************Salary Slip*************************************/
.SalarySlipHD	{ 
	background:#F9F9F9 !important;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	vertical-align: top;
	
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;	
    height:25px !important;
	max-hight:25px !important;
	}   

.SalarySlipHD2	{ 
	background:#F2F2F2 !important;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	vertical-align: top;
	
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;	

	} 

.SalarySlipContent{

   width:50% !important;
   align:center !important;
   max-width:50% !important;
   

}	



.SalarySlip_Value { /* panel header title text */
	color: #808080 !important;
	font-family: 'Cairo', Calibri, Arial, Verdana, Georgia, sans-serif !important;
	font-Size: 14px !important;	
	font-weight: normal;
	padding-left: 5px !important;
	padding-right: 5px !important;
	white-space: nowrap;
	font-weight: normal !important;
	}	

.SalarySlip_Label { /* panel header title text */
	color: #707070 !important;
	font-family: 'Cairo', Calibri, Arial, Verdana, Georgia, sans-serif !important;
	font-Size: 14px !important;	
	font-weight: normal;
	padding-left: 5px !important;
	padding-right: 5px !important;
	white-space: nowrap;
	font-weight: bold !important;
	}
	
.SalarySlip_Value_Big { /* panel header title text */
	color: #808080 !important;
	font-family: 'Cairo', Calibri, Arial, Verdana, Georgia, sans-serif !important;
	font-Size: 20px !important;	
	font-weight: normal;
	padding-left: 0px !important;
	padding-right: 0px !important;
	white-space: nowrap;
	font-weight: bold !important;
	}	
	
.SalarySlip_Value_Big1 { /* panel header title text */
	color: #808080 !important;
	font-family: 'Cairo', Calibri, Arial, Verdana, Georgia, sans-serif !important;
	font-Size: 20px !important;	
	font-weight: normal;
	padding-left: 0px !important;
	padding-right: 0px !important;
	white-space: nowrap;
	font-weight: normal !important;
	}	
	
.SalarySlip_Value_Big1 { /* panel header title text */
	color: #808080 !important;
	font-family: 'Cairo', Calibri, Arial, Verdana, Georgia, sans-serif !important;
	font-Size: 20px !important;	
	font-weight: normal;
	padding-left: 0px !important;
	padding-right: 0px !important;
	white-space: nowrap;
	font-weight: normal !important;
	}		

.SalarySlip_Value_Big2 { /* panel header title text */
	color: #202020 !important;
	font-family: 'Cairo', Calibri, Arial, Verdana, Georgia, sans-serif !important;
	font-Size: 25px !important;	
	font-weight: normal;
	white-space: nowrap;
	font-weight: bold !important;
	}		

.Header_Text_Label_Big2 { /* panel header title text */
	color: #D45D79 !important;
	font-family: 'Cairo', Calibri, Arial, Verdana, Georgia, sans-serif !important;
	font-Size: 25px !important;	
	font-weight: normal;
	white-space: nowrap;
	}	
	
.Header_Text_Label_Big { /* panel header title text */
	color: #ffffff !important;
	font-family: 'Cairo', Calibri, Arial, Verdana, Georgia, sans-serif !important;
	font-Size: 14px !important;	
	font-weight: normal;
	white-space: nowrap;
	}	





/************************End Salary Slip*********************************/

/********************************PL Summary*************************************/
.PL_Division_Name { /* panel header title text */
	color: #D45D79 !important;
	font-family: 'Cairo', Calibri, Arial, Verdana, Georgia, sans-serif !important;
	font-Size: 25px !important;	
	font-weight: normal;
	white-space: nowrap;


	}	



/**********************************End PL Summary*********************************/

/**********************************RECEIPT****************************************/
/* Receipt */	

.Receiptlogo {
    width:120px !important; /*151*/
	height:40px !important; /*30*/
	vertical-align:middle !important;
	padding-bottom:5px !important;
	max-width: 400px;
		
}


.Receipt-mobileFieldCell { /* mobile record field value (below field label) */
	/*color: #555555;
	font-family: Arial, Verdana, Georgia, sans-serif;
	font-size: 1.0em;
	padding-bottom: 2%;*/
	vertical-align:center !important;
	text-align: center !important;
	align:center !important;
	}
	
	
.ReceiptContent{

   width:96px !important;
   align:center !important;
   max-width:96px !important;
   

}	


.mobileBody { /* mobile main content area */ 
	padding-bottom: 4%;
	padding-left: 0%;
	padding-right: 0%;
	padding-top: 2%;
	width: 100%;
	}
	
	
.Receipt-OutletValue{
	color: #000000;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif !important;	
	font-size: 14px;
	
  	border: none;
  	text-align: center !important;
  	text-decoration: none;
  	cursor: pointer;
	font-weight: bold;
	text-overflow: ellipsis;
	margin: 0 auto;
  	margin-bottom: -5px !important;
	display:block;
}

	
.Receipt-DateValue{
	color: #202020;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;	
	font-size: 12px;
	
  	border: none;
  	text-align: center !important;
  	text-decoration: none;
  	cursor: pointer;
	font-weight: none;
	text-overflow: ellipsis;
display:block;
}	


.ReceiptTable{
   
   width: 200px !important;
   border-collapse: collapse;
   table-layout:fixed;
        display: table;

 /*       word-wrap: break-word;*/
}

.ReceiptTableValue{
    /*    width: 5px !important;*/
        
  display: table-cell;
}

.Receipt-Header-No{
	color: #000000;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;	
	font-size: 16px !important;
	
  	border: none;
  	text-align: center;
  	text-decoration: none;
  	
  	margin-bottom: -5px !important;
	display:block;
  	cursor: pointer;
	
}

.mobileHeaderWhiteReceipt	 { /* mobile header area */

	background: #ffffff;
	/*width: 100%;*/
	height:100px !important;
	/*border-bottom: 5px solid #808080 !important;  */
	align:center !important;
	}
	
.Receipt-Label-Total {

	color: #000000;
	
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;	
	font-size: 10px;
	
  	text-align: center !important;
  	text-decoration: none;
  	cursor: pointer;
	font-weight: bold;
	
	padding-bottom: 0px;
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;	
	/*width: 100%;*/
	height:5px !important;
	border-bottom: 1px solid #808080 !important;  	
	
}

	
.Receipt-Value-Total {

	color: #000000;
	
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;	
	font-size: 10px;
	
  	text-align: center !important;
  	text-decoration: none;
  	cursor: pointer;
	font-weight: bold;
	
	
	padding-bottom: 0px;
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;	
	/*width: 100%;*/
	height:5px !important;
	border-bottom: 1px solid #808080 !important;  	
}	
	
	
	
.Receipt-Label-Total2 {

	color: #000000;
	
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;	
	font-size: 10px;
	
  	text-align: center !important;
  	text-decoration: none;
  	cursor: pointer;
	font-weight: bold;
		
	
}

	
.Receipt-Value-Total2 {

	color: #000000;
	
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;	
	font-size: 10px;
	
  	text-align: center !important;
  	text-decoration: none;
  	cursor: pointer;
	font-weight: bold;
	  	
}	
	
	
.Receipt-Label-Total3 {

	color: #000000;
	
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;	
	font-size: 12px;
	
  	text-align: center !important;
  	text-decoration: none;
  	cursor: pointer;
	font-weight: bold;
	
	padding-bottom: 0px;
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;	
	/*width: 100%;*/
	height:5px !important;
	border-bottom: 1px solid #808080 !important;  	
	
}

	
.Receipt-Value-Total3 {

	color: #000000;
	
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;	
	font-size: 12px;
	
  	text-align: center !important;
  	text-decoration: none;
  	cursor: pointer;
	font-weight: bold;
	
	
	padding-bottom: 0px;
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;	
	/*width: 100%;*/
	height:5px !important;
	border-bottom: 1px solid #808080 !important;  	
}		
	
.Receipt-details-label{
	color: #000000;
	border-bottom: 1px solid #dddddd;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;	
	font-size: 12px;
	
  	text-align: center !important;
  	text-decoration: none;
  	cursor: pointer;
	font-weight: bold;

	
}	


.mobileTableCell { /* mobile show table cell */
	color: #000000;
	border-bottom: 1px solid #dddddd;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;	
	font-size: 10px;
	
  	text-align: center !important;
  	text-decoration: none;
  	cursor: pointer;
	font-weight: normal;
	
    

	}
	
	
.Receipt-Message-value{
	color: #404040;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;	
	font-size: 10px;
	
  	border: none;
  	text-align: center !important;
  	text-decoration: none;
  	cursor: pointer;
	font-weight: none;
	
	}

	
.Receipt-Notes-value{
	color: #000000;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;	
	font-size: 10px;
	
  	border: none;
  	text-align: center !important;
  	text-decoration: none;
  	cursor: pointer;
	font-weight: none;
	
	}	
	
	
.Receipt-Vat-value{
	color: #000000;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;	
	font-size: 10px;
	
  	border: none;
  	text-align: center !important;
  	text-decoration: none;
  	cursor: pointer;
	font-weight: none;
	
	}	
	
.Receipt-details-value{
	color: #000000;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;	
	font-size: 10px;
	
  	border: none;
  	text-align: center !important;
  	text-decoration: none;
  	cursor: pointer;
	font-weight: none;


/*clear:both !important;*/
width:10px;
white-space: normal;	
word-break: break-word; 	
}	

.Receipt-details-valueNoWrap{
	color: #000000;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;	
	font-size: 10px;
	
  	border: none;
  	text-align: center !important;
  	text-decoration: none;
  	cursor: pointer;
	font-weight: none;
    vertical-align: top;	
}	


.Receipt-mobileSeparator	 { /* mobile header area */
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;	
	/*width: 100%;*/
	height:5px !important;
	border-bottom: 2px dotted #808080 !important;  
	}
	
	
.mobileBodyNoPadding { /* mobile main content area (with padding removed) */
	padding: 0px;
	/*width: 100%;*/
	}	
	
	
	
	
.thcEN-receipt { /* column header link text */
	/*background-color: #ededed !important;	*/	
	border-bottom: 0px solid #dddddd !important;
	border-top: 1px solid #dddddd !important;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 10px !important;
	font-weight: normal;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 0px !important;
	text-align: left !important;
	vertical-align: middle !important;
	
    display:block;
    
	} 		
	
.thcAR-receipt { /* column header link text */
	/*background-color: #ededed !important;	*/
	border-bottom: 0px dotted #dddddd !important;
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 10px !important;
	font-weight: normal;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 0px !important;
	text-align: right !important;
	/*float:right;*/
	vertical-align: middle !important;
	display:block;

	} 		
	
	
	
.tableCellValue2-Receipt-ar { /* table cell field value text */
	color: #555555 ;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px !important;
	text-align: right  !important;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 2px !important;
	padding-right: 7px !important;
	padding-top: 4px !important;
 line-height: 12px !important
    

	}		

	
.tableCellValue2-Receipt-en { /* table cell field value text */
	color: #555555;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px !important;
	text-align: left !important;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 2px !important;
	padding-right: 2px !important;
	padding-top: 4px !important;
line-height: 12px !important

	
	}			
/**************************************************************************/

/**************Invoice*************/
.PrintInvoice_ID{
	color: #ffffff !important;
	font-family: 'Tajawal','Cairo', Calibri, Arial, Verdana, Georgia, sans-serif;
	font-Size: 30px !important;	
	font-weight: bolder;
	padding-left: 10px;
	white-space: nowrap;
}

/**************End Invoice*************/

/**************Ticket*************/
.TicketStatus{
	color: #ffffff !important;
	font-family: 'Tajawal','Cairo', Calibri, Arial, Verdana, Georgia, sans-serif;
	font-Size: 25px !important;	
	font-weight: bolder;
	padding-left: 10px;
	white-space: nowrap;
}


.StatusToRight { /* page header security panel container */
	text-align: right;
	/*width: 100%;*/
	
	
	}	
	
.StatusToLeft { /* page header security panel container */
	text-align: right;
	width: 500px;
	cursor:pointer !important;
	}	
	
	
.EditTicket-PreviouseTicketLabelHeader	{
	color: #f55c47 !important;
	font-family: 'Tajawal','Cairo', Calibri, Arial, Verdana, Georgia, sans-serif;
	font-Size: 14px !important;	
	font-weight: none;
	padding-left: 0px;
	white-space: nowrap;
	
}	
/**************End Ticket*************/


/****************Round Button*******************/

.round-button-circle {
 display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  color: #D45D79;
	font-family: 'Cairo', Calibri, Arial, Verdana, Georgia, sans-serif;
	font-Size: 16px !important;	
  border-radius: 50%;
  width: 140px;
  height: 140px;
  font-weight: bold;
  transition: 0.3s;
  background:transparent ;
  border: 10px solid #D45D79 !important;
  white-space: normal;	
  word-break: break-word; 

  margin-right:50px;
  margin-left:50px; 
}


.round-button-circle:hover
{

  
  transition: 0.8s ease-in-out;
  background: #D45D79;
  border: 10px solid #eb738f !important;
  color: #ffffff;
  
   
 }





@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}

/**********************************/

/**************Home Data1************/

.pHeaderHome1 { /* page header security panel container */
    
   /* padding-top: 18% !important;*/

	
	width:45% !important;
 /*   position: absolute;*/
  /*  left: 50%;
    transform: translate(-50%, -50%);	*/
	}
	
	
.separata_home1	{
padding-bottom:20px;
border-bottom: 0.5px dotted #D45D79;
 
	}


.pHeaderHome2 { /* page header security panel container */
    
 /*   padding-top: 50% !important;

	
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);	
	
padding-bottom:20px;
border-bottom: 0.5px dotted #D45D79;*/
 
	}

.pHeaderHome1Right { /* page header security panel container */
    
    margin-top: 18%;
    position: absolute;

   /* left: 50%;
    transform: translate(-50%, -50%);	*/

 
	}
	
	
.pHeaderHome1Left { /* page header security panel container */
    
    margin-top: 18%;
    position: absolute;
	
  
   /* transform: translate(-50%, -50%);	*/

 
	}	
	
	
	
.pHeaderHome1LeftButtonEng { /* page header security panel container */
    
    /*margin-top: 27% !important;*/
 /*   position: absolute;*/
	left:20px;
	padding-left:10px;
	padding-right:10px;
	/*padding-top: 18% !important;	*/
	width:40% !important;	
	
	}		

	
.pHeaderHome1LeftButtonEng2 { /* page header security panel container */
    
    /*margin-top: 27% !important;*/
 /*   position: absolute;*/
	/*left:20px;*/
	padding-left:10px;
	padding-right:10px;
/*	padding-top: 18% !important;*/	
	width:35% !important;	
	
	}			
	
/*Disabled Not Used*/	
/*.home1DiffColor{

     background-color: #F1F1F1 !important;
}*/


.Home1SubHeader{
	background-color: #eb738f !important;  /*Red*/
	/*background-color: #AAAAAA !important;*/
	border-bottom: 0px dotted #dddddd !important;
	/*color: #ffffff !important;*/
	color: #ffffff !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 12px !important;
	font-weight: bold;
	padding-bottom: 2px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 2px !important;
	text-align: center;/*left*/
	vertical-align: middle !important;
}

.Home1HeaderTable-AdminMainAccount{
    /*background-color: rgba(117, 120, 130,1.0) !important;*/
	background-color: rgba(212, 93, 121,1.0) !important; /*Red*/
	border-bottom: 0px dotted #dddddd !important;
	color: #ffffff !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 13px !important;
	font-weight: bold;
	padding-bottom: 5px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 5px !important;
	text-align: left;/*left*/
	vertical-align: middle !important;
}

[dir="rtl"] .Home1HeaderTable-AdminMainAccount {
text-align: right;
}


.Home1HeaderTable{
    /*background-color: rgba(117, 120, 130,1.0) !important;*/
	background-color: rgba(212, 93, 121,1.0) !important; /*Red*/
	border-bottom: 0px dotted #dddddd !important;
	color: #ffffff !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 13px !important;
	font-weight: bold;
	padding-bottom: 5px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 5px !important;
	text-align: center;/*left*/
	vertical-align: middle !important;
}


.Home1HeaderTableEnglish{
	background-color: rgba(212, 93, 121,1.0) !important; /*Red*/
	/*background-color: rgba(117, 120, 130,1.0) !important;*/
	border-bottom: 0px dotted #dddddd !important;
	color: #ffffff !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 13px !important;
	font-weight: bold;
	padding-bottom: 5px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 5px !important;
	text-align: left;/*left*/
	vertical-align: middle !important;
}
.Home1HeaderTableArabic{
	background-color: rgba(212, 93, 121,1.0) !important; /*Red*/
	/*background-color: rgba(117, 120, 130,1.0) !important;*/
	border-bottom: 0px dotted #dddddd !important;
	color: #ffffff !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 13px !important;
	font-weight: bold;
	padding-bottom: 5px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 5px !important;
	text-align: right;/*left*/
	vertical-align: middle !important;
}

.Home1HeaderTableValueEnglish { /* table cell field value text */
	color: #202020;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 13px;
	text-align: left;
	vertical-align: middle !important;
	padding-bottom: 1px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 1px !important;
 
  margin: 0 auto;


   -webkit-animation: fadeInScale 0.8s ease-in-out;
  -moz-animation: fadeInScale 0.8s ease-in-out;
  animation: fadeInScale 0.8s ease-in-out;	
  
	}	
	
	
.Home1HeaderTableValueArabic { /* table cell field value text */
	color: #202020;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif !important;
	font-size: 13px !important;
	text-align: right;
	vertical-align: middle !important;
	padding-bottom: 1px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 1px !important;
 
  margin: 0 auto;


   -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;	
  
	}
	
	
	

	
	
.Home1HeaderTableValue { /* table cell field value text */
	color: #101010;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 13px;
	text-align: center;
	vertical-align: middle !important;
	padding-bottom: 1px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 1px !important;
 
  margin: 0 auto;



   -webkit-animation: fadeInScale 0.8s ease-in-out;
  -moz-animation: fadeInScale 0.8s ease-in-out;
  animation: fadeInScale 0.8s ease-in-out;	

	}		
	
	
.DividerHome1 {
    background-color: rgba(212, 93, 121,0.9) !important;
	border-bottom: 2px dotted #dddddd;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 10px;
	


border-top: 1.5px dashed #D45D79 !important;	
	}	
	
	
	
	

/**********Home Graph********/
.HomePageDashboard{
  /*display: flex;
  justify-content: space-around;
  align-items: flex-start;*/
 /* border: 2px dashed rgba(114, 186, 94, 0.35);*/
 /* height: 400px;*/
 align:center;

}

.pHeaderGraph { /* page header security panel container */
    padding-top:1%;
    padding-bottom:1%;

	}
	
.HomeSecondPart	{
    position: relative;
    

	transform: translate(0%, 50%);
    -webkit-transform:translate(0%, 50%);
    -moz-transform:translate(0%, 50%);
width:100%;
	
}

.1pHeaderGraphLeft { /* page header security panel container */
    
   /* top: 10%;*/
   /* position: absolute;*/
    left: 1%;
    transform: translate(-60%, 0%);	
	-webkit-transform:translate(-60%, 0%);
    -moz-transform:translate(-60%, 0%);
	}
	
.1pHeaderGraphRight { /* page header security panel container */
    
   /* top: 10%;*/
  /*  position: absolute; */
    right: 1%;
    transform: translate(-60%, 0%) ; 
	-webkit-transform:translate(-60%, 0%);
    -moz-transform:translate(-60%, 0%);	


	}	
	
.graph_circle {
    width:160px; 
	align:center; 
	height:160px;
	
    margin-top:-17px;
	display:block;	
	
 
}	


.HomeText1{

	color: #404040 !important;
	font-family: 'Cairo', Calibri, Arial, Verdana, Georgia, sans-serif !important;
	font-Size: 14px !important;	
	font-weight: normal;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin: 0 auto;
	white-space: nowrap;
	font-weight: bold !important;
	/*margin-bottom:-10px;*/
	/*display:block;*/

}
.HomeText1Cell{
border-right: 0.5px dashed #D45D79 !important; 
border-left: 0.5px dashed #D45D79 !important; 
border-top: 0.5px dashed #D45D79 !important;
/*border-bottom: 0.5px dashed #D45D79 !important;*/
}

/***************** HOME*****************/

.dv_home	{
	vertical-align: middle;
	width: 100%;
	height:100%;
    padding-top:0px;

}

.dv_home_user	{
	vertical-align: middle;
	width: 100%;
	height:100%;
    padding-top:75px;
}


.MyTicket_button { /* Home Page - Campaign */
	
	-webkit-transition: all .8s ease;
    transition: all .8s ease;
	
    white-space: pre-wrap;

	cursor: pointer !important;

	
    border-radius: 120px;
    border:5px solid #93cede;
    width:240px;
	max-width:240px !important;
	height:240px !important;
	max-height:240px !important;
	


	background-color: rgba(53, 106, 160,0.6);

	background-image: url(../../images/reservation.png);
	background-size: 32px 32px;
    background-position: 50% 10%;
	background-repeat: no-repeat;
	
	color: #ffffff;
	font-family: 'Tajawal','Jura', Tahoma, Arial, Verdana, Georgia, sans-serif;
	font-size: 22px;
	font-weight: normal;	
	text-align:center;
	vertical-align:center;
	cursor: pointer !important;	
	padding-top:-30px;
	
	

}

.MyTicket_button:hover { /* Home User - Reservation*/
    border-radius: 120px;
    border:5px solid #3b5998;
    width:240px;
	max-width:240px !important;
	height:240px !important;
	max-height:240px !important;
	

	/*background-color: rgb(147, 206, 222, 0.6);*/
    background-color: rgba(173,56,148,0.6);

	background-image: url(../../Images/reservation.png);
    background-position: 50% 30%;
	background-repeat: no-repeat;
	
	color: #3b5998;
	color: #ffed99;
	font-family: 'Tajawal','Cairo', Tahoma, Arial, Verdana, Georgia, sans-serif;
	font-size: 22px;
	font-weight: normal;	
	text-align:top;
	vertical-align:top;

	
	-webkit-transition: all .8s ease;
    transition: all .8s ease;
	
    white-space: nowrap;/*pre-wrap;*/

	cursor: pointer !important;
	padding-top:0px;
	
	
}

.MyTicket_button_label { /* Home Page - Add Campaign */
	
	padding-top:0px;
	padding-left: 50px;
	padding-bottom: 0px;
	padding-right: 50px;
	display:block;
	vertical-align:top;
	font-weight: normal;
	font-family: 'sans-serif','Quicksand', Tahoma, Arial, Verdana, Georgia, sans-serif;
	font-size: 12px;
	color:#ffffff !important; 
	text-transform
	text-decoration: none;
	text-shadow: 0px 0px 0px #ffffff;
	white-space: normal;
	float: center; 
	align: center !important;
	text-align:center !important;
	width:150px;	
	margin-top:-80px;
	
	
    -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;	
}





.AddNewTicket_button { /* Home Page - Campaign */

	-webkit-transition: all .8s ease;
    transition: all .8s ease;
	
    white-space: pre-wrap;

	cursor: pointer !important;

	
    border-radius: 120px;
    border:5px solid #93cede;
    width:240px;
	max-width:240px !important;
	height:240px !important;
	max-height:240px !important;
	


	background-color: rgba(53, 106, 160,0.6);

	background-image: url(../../Images/add.png);
    background-position: 50% 10%;
	background-repeat: no-repeat;
	
	color: #ffffff;
	font-family: 'Tajawal','Jura', Tahoma, Arial, Verdana, Georgia, sans-serif;
	font-size: 22px;
	font-weight: normal;	
	text-align:center;
	vertical-align:center;

	


	cursor: pointer !important;	
	
}

.AddNewTicket_button:hover { /* Home User - Reservation*/
    border-radius: 120px;
    border:5px solid #3b5998;
    width:240px;
	max-width:240px !important;
	height:240px !important;
	max-height:240px !important;
	

	
	/*background-color: rgb(147, 206, 222, 0.6);*/
    background-color: rgba(173,56,148,0.6);
 
	background-image: url(../../Images/add.png);
    background-position: 50% 30%;
	background-repeat: no-repeat;
	
	color: #3b5998;
	color: #ffed99;
	font-family: 'Tajawal','Cairo', Tahoma, Arial, Verdana, Georgia, sans-serif;
	font-size: 22px;
	font-weight: normal;	
	text-align:center;
	vertical-align:center;

	
	-webkit-transition: all .8s ease;
    transition: all .8s ease;
	
    white-space: nowrap;/*pre-wrap;*/

	cursor: pointer !important;
	
	
	
}


.ChangePassword_button{ /* Home Page - Campaign */
	
	-webkit-transition: all .8s ease;
    transition: all .8s ease;
	
    white-space: pre-wrap;

	cursor: pointer !important;

	
    border-radius: 120px;
    border:5px solid #93cede;
    width:200px;
	max-width:200px !important;
	height:200px !important;
	max-height:200px !important;
	


	background-color: rgba(53, 106, 160,0.6);
	
	background-image: url(../../images/ChangePassword.png);
	background-size: 32px 32px;
    background-position: 50% 10%;
	background-repeat: no-repeat;
	
	color: #ffffff;
	font-family: 'Tajawal','Jura', Tahoma, Arial, Verdana, Georgia, sans-serif;
	font-size: 20px;
	font-weight: normal;	
	text-align:center;
	vertical-align:center;
	cursor: pointer !important;	
	padding-top:-30px;
	
	}



.ChangePassword_button:hover { /* Home User - Reservation*/
    border-radius: 120px;
    border:5px solid #3b5998;
    width:200px;
	max-width:200px !important;
	height:200px !important;
	max-height:200px !important;
	

	/*background-color: rgb(147, 206, 222, 0.6);*/
    background-color: rgba(173,56,148,0.6);


	background-image: url(../../Images/ChangePassword.png);
    background-position: 50% 30%;
	background-repeat: no-repeat;
	
	color: #3b5998;
	color: #ffed99;
	font-family: 'Tajawal','Cairo', Tahoma, Arial, Verdana, Georgia, sans-serif;
	font-size: 20px;
	font-weight: normal;	
	text-align:top;
	vertical-align:top;

	
	-webkit-transition: all .8s ease;
    transition: all .8s ease;
	
    white-space: nowrap;/*pre-wrap;*/

	cursor: pointer !important;
	padding-top:0px;
	
	
}


.TenantInfo_button{ /* Home Page - Campaign */
	
	-webkit-transition: all .8s ease;
    transition: all .8s ease;
	
    white-space: pre-wrap;

	cursor: pointer !important;

	
    border-radius: 120px;
    border:5px solid #93cede;
    width:200px;
	max-width:200px !important;
	height:200px !important;
	max-height:200px !important;
	


	background-color: rgba(53, 106, 160,0.6);
	
	background-image: url(../../images/information.png);
	background-size: 32px 32px;
    background-position: 50% 10%;
	background-repeat: no-repeat;
	
	color: #ffffff;
	font-family: 'Tajawal','Jura', Tahoma, Arial, Verdana, Georgia, sans-serif;
	font-size: 20px;
	font-weight: normal;	
	text-align:center;
	vertical-align:center;
	cursor: pointer !important;	
	padding-top:-30px;
	
	}



.TenantInfo_button:hover { /* Home User - Reservation*/
    border-radius: 120px;
    border:5px solid #3b5998;
    width:200px;
	max-width:200px !important;
	height:200px !important;
	max-height:200px !important;
	

	/*background-color: rgb(147, 206, 222, 0.6);*/
    background-color: rgba(173,56,148,0.6);

	background-image: url(../../Images/information.png);
    background-position: 50% 30%;
	background-repeat: no-repeat;
	
	color: #3b5998;
	color: #ffed99;
	font-family: 'Tajawal','Cairo', Tahoma, Arial, Verdana, Georgia, sans-serif;
	font-size: 20px;
	font-weight: normal;	
	text-align:top;
	vertical-align:top;

	
	-webkit-transition: all .8s ease;
    transition: all .8s ease;
	
    white-space: nowrap;/*pre-wrap;*/

	cursor: pointer !important;
	padding-top:0px;
	
	
}


/*************Admin Home Page***********/
.MyInvoice2 {
    width:32px;
	height:32px;
	padding-left:5px;
}
.AdminHomeShape  { /* Home Page - Campaign */

	width: 200px !important;
    height: 100px !important;
    background: #ffffff !important;
	border:10px solid #D45D79 !important;
	
	max-width:200px !important;
	max-height:100px !important;
	
  /*  margin-right:20px;
	margin-left:20px;
*/
border-radius: 5px;
	}


.AdminHomeShapeT  { /* Home Page - Campaign */

	width: 200px !important;
    height: 30px !important;
    background: #D45D79 !important;
	
	
	max-width:200px !important;
	max-height:30px !important;
	
  /*  margin-right:20px;
	margin-left:20px;
*/ 

	}



.AdminFirstRow_button{ /* Home Page - Campaign */
	
	-webkit-transition: all .8s ease;
    transition: all .8s ease;
	
    white-space: pre-wrap;

	cursor: pointer !important;

	
    border-radius: 120px;
    border:5px solid #93cede;
    width:150px;
	max-width:150px !important;
	height:150px !important;
	max-height:150px !important;
	


	background-color: rgba(53, 106, 160,0.6);
	
	background-image: url(../../images/dashboard1.png);
	background-size: 32px 32px;
    background-position: 50% 10%;
	background-repeat: no-repeat;
	
	color: #ffffff;
	font-family: 'Tajawal','Jura', Tahoma, Arial, Verdana, Georgia, sans-serif;
	font-size: 20px;
	font-weight: bold;	
	text-align:center;
	vertical-align:center;
	cursor: pointer !important;	
	padding-top:-30px;
	


	}

.Tenant_Home_Name{
	padding-top:20px;
	padding-left: 0px;
	padding-bottom: 10px;
	padding-right: 0px;
	display: inline-block;
	vertical-align:top;
	font-weight: bolder;
	font-family: 'Poppins','Tajawal','Jura', Tahoma, Arial, Verdana, Georgia, sans-serif;
	font-size: 30px;
	color:#ffffff !important; 
	border-bottom: 2px solid #ffffff;
	margin-bottom:50px;
	
    -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;	
}

.AdminHome_Label{

	padding-top: 0px;
	padding-left: 20px;
	padding-bottom: 10px !important;
	padding-right: 20px;
	display: inline-block;
	vertical-align:top;
	font-weight: Bold;
	font-family: 'Poppins','Tajawal','Jura', Tahoma, Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	color:#D45D79 !important; 
	text-transform: none;
	text-decoration: none;
	text-shadow: 0px 0px 0px #ffffff;

	float: center; 
	align: center !important;
	text-align:center !important;
		
	
	width:150px;	
	
    -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;	

}


.AdminHome_LabelNo{

	padding-top:0px;
	padding-left: 50px;
	padding-bottom: 0px;
	padding-right: 50px;
	display:block;
	vertical-align:top;
	font-weight: 900 !important;
	font-family: 'Anton','Poppins','Tajawal','Jura', Tahoma, Arial, Verdana, Georgia, sans-serif;
	font-size: 50px !important;
	color:#D45D79 !important; 
	text-transform: none;
	text-decoration: none;
	text-shadow: 0px 0px 0px #ffffff;

	float: center; 
	align: center !important;
	text-align:center !important;
	width:100%;	
	margin-top:-25px !important;
	
	
    -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;	

}
/******************************************************************************/
.AdminFirstRow_button:hover { /* Home User - Reservation*/
    border-radius: 120px;
    border:5px solid #3b5998;
    width:150px;
	max-width:150px !important;
	height:150px !important;
	max-height:150px !important;
	
    white-space: pre-wrap;
	/*background-color: rgb(147, 206, 222, 0.6);*/
    background-color: rgba(173,56,148,0.6);


	background-image: url(../../Images/dashboard1.png);
    
	background-position: 50% 10%;
	background-repeat: no-repeat;
	
	color: #ffed99;

	font-family: 'Tajawal','Cairo', Tahoma, Arial, Verdana, Georgia, sans-serif;
	font-size: 40px;
	font-weight: bold;	
	text-align:center;
	vertical-align:center;

	
	-webkit-transition: all .8s ease;
    transition: all .8s ease;
	
    

	cursor: pointer !important;
	padding-top:0px;
	
	-webkit-transform: rotateZ(-360deg);
        -ms-transform: rotateZ(-360deg);
        transform: rotateZ(-360deg);
		
}


.AdminHomeLabel{

	padding-top:0px;
	padding-left: 50px;
	padding-bottom: 0px;
	padding-right: 50px;
	display:block;
	vertical-align:top;
	font-weight: normal;
	font-family: 'sans-serif','Quicksand', Tahoma, Arial, Verdana, Georgia, sans-serif;
	font-size: 14px;
	color:#ffffff !important; 
	text-transform: none;
	text-decoration: none;
	text-shadow: 0px 0px 0px #ffffff;

	float: center; 
	align: center !important;
	text-align:center !important;
	width:150px;	
	margin-top:-60px;
	
	
    -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;	

}

.Booking_Meesage{

	padding-top:0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin-bottom: 20px;
	margin-top: -10px;
	display:block;
	vertical-align:top;
	font-weight: normal;
	font-family: 'Tajawal','Cairo','Quicksand', Tahoma, Arial, Verdana, Georgia, sans-serif;
	font-size: 12px;
	color:#808080 !important; 
	text-transform: none;
	text-decoration: none;
	text-shadow: 0px 0px 0px #ffffff;

	float: center; 
	align: center !important;
	text-align:center !important;

	
	
    -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;	

}

.MessageDateTime	 { /* mobile input textbox */

  font-family: 'El Messiri',Arial, Verdana, Georgia, sans-serif;	
  font-size: 12px;
  border: none;
  color: #F38BA0;
  /*text-align: right !important;*/
  text-decoration: none;
  display: block;
  outline:none;
  /*float:right !important;*/
  padding-right:20px;
  width:100%;
  /*background:#0a7879;*/
  
	}
	
.VLine{
background:#ffffff;
width:3px !important;
height:40px !important;
margin-left:5px !important;
margin-right:5px !important;
margin-top:2.5px !important;
display:block;


}




	
.VLine-home{

    display: block; /* Display the line for larger screens */
    width: 5px;
    height: 100%; /* 100% of the viewport height */
    background-color: #ffffff; /* Change the color as needed */
    position: fixed;
    /*margin-top: 0;*/
    /*left: 50%;
    transform: translateX(-50%);*/
	background-color: rgba(212, 93, 121, 0.5) !important;	


	}


	
.VLineLong{
background:#D45D79!important;
width:2px !important;
height:70% !important;
position: absolute;
left: 55%;
/*display:block;*/
}	
	
.MessageText	 { /* mobile input textbox */

  font-family: 'El Messiri',Arial, Verdana, Georgia, sans-serif;	
  font-size: 14px;
  border: none;
  color: #202020;
  text-align: center !important;
  align: center !important;
  text-decoration: none;
  display: block;
  outline:none;
  padding-top:10px;
  padding-bottom:10px;

  float:center !important;
  white-space: pre-wrap;
  width:500px !important;

	}		
		
/**************Sales***************/		

.SalesBorder { /* quick selector cell */

  padding-top: 0.3em ;
  padding-bottom: 0.3em ;
  border-bottom: 1px dotted #CCC;
  
	}
		

/*****************************/		

.MassHeaderText	 { /* mobile input textbox */

  font-family: 'Tajawal',Arial, Verdana, Georgia, sans-serif;	
  font-size: 22px;
  border: none;
  color: #272829;
  text-align: center;
  text-decoration: none;
  outline:none;
  padding-right:25%;
  padding-left:25%;
 display:block;
  background-color: transparent !important;


}

		
		
.MassLiteral	 { /* mobile input textbox */

  font-family: 'Jura',Arial, Verdana, Georgia, sans-serif;	
  font-size: 22px;
  border: none;
  color: #cf4036;
  text-align: center;
  text-decoration: none;
  display: block;
  outline:none;
  padding-right:10px;
  padding-left:10px;
 
  background-color: transparent !important;


}


/*****************Messages*****************/

.ImportLiteral	 { /* mobile input textbox */

  font-family: 'Jura',Arial, Verdana, Georgia, sans-serif;	
  font-size: 18px;
  border: none;
  color: #272829;
  text-align: left;
  text-decoration: none;
  display: block;
  outline:none;
  padding-right:10px;
  padding-left:10px;
 
  background-color: transparent !important;


}

.BulkItem-CommentPanel{

bottom:5%;
padding-left:10px;
position:fixed;

  font-family: 'Jura',Arial, Verdana, Georgia, sans-serif;	
  font-size: 15px;
  border: none;
  color: #808080;
  text-align: left;
  text-decoration: none;
  display: block;
  border-top: 1px solid #CCC;
  width:100%;
}


.CommentPanel-Label	 { /* mobile input textbox */

  font-family: 'Jura',Arial, Verdana, Georgia, sans-serif;	
  font-size: 15px;
  border: none;
  color: #808080;
  text-align: left;
  text-decoration: none;
  display: block;
  outline:none;
  padding-right:10px;
  padding-left:10px;
 
  background-color: transparent !important;


}

.CommentPanel-RightLabel  { /* mobile input textbox */

  font-family: 'Jura',Arial, Verdana, Georgia, sans-serif;	
  font-size: 14px;
  border: none;
  color: #202020;
  text-align: center;
  text-decoration: none;
  display: block;
  outline:none;
  padding-right:15px;
  padding-left:10px;
 
  background-color: transparent !important;


}




.WebMessage	 { /* mobile input textbox */

  font-family: 'Tajawal','Cairo','El Messiri',Arial, Verdana, Georgia, sans-serif;	
  font-size: 14px;
  border: none;
  color: #ffffff;
  text-align: right;
  text-decoration: none;
  display: block;
  outline:none;
  float:right;
  padding-right:20px;
  padding-left:20px;
  /*max-height:100% !important;  */
  max-width:50% !important;

/*border-bottom: 4px solid #0a7879 !important;*/
	position: relative;
	background-color: #FFF5FD !important;
	/*border: 4px solid #343d42;*/


  text-align: right !important;
  align-items: right important;
  justify-content: right important;

margin-right:20px;
margin-top:10px;
border-radius: 25px;
 
	}


.WebMessage:after, .WebMessage:before {
/*	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;*/
}

.WebMessage:after {
/*	border-color: rgba(10, 120, 121, 0);
	border-right-color: #582a6c;
	border-width: 30px;
	margin-top: -30px;*/
}
.WebMessage:before {
/*	border-color: rgba(52, 61, 66, 0);
	border-right-color: #582a6c;
	border-width: 36px;
	margin-top: -36px;*/
}
/****************************************************************************/
.WebMessage_otherColor{
  font-family: 'Tajawal','Cairo','El Messiri',Arial, Verdana, Georgia, sans-serif;	
  font-size: 14px;
  border: none;
  color: #ffffff;
  text-align: left;
  text-decoration: none;
  display: block;
  outline:none;
  float:left;
  padding-right:20px;
  padding-left:20px;
  
  max-height:100% !important;  
  max-width:50% !important;
/*white-space:nowrap;*/
/*border-bottom: 4px solid #0a7879 !important;*/
	position: relative;
	background: #E8F6EF;
	/*border-left: 1px solid #a80077;*/

  text-align: left !important;
  align-items: left important;
  justify-content: left important;
  margin-left:20px;
  margin-top:10px;
border-radius: 25px;
	}
	

.WebMessage_otherColor:after, .WebMessage_otherColor:before {
/*	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;*/
	
	
}

.WebMessage_otherColor:after {
	/*border-color: rgba(1, 151, 217, 0);
	border-right-color: #a80077;
	border-width: 30px;
	margin-top: -30px;*/

}
.WebMessage_otherColor:before {
	/*border-color: rgba(1, 151, 217, 0);
	border-right-color: #a80077;
	border-width: 36px;
	margin-top: -36px;*/
	
	
}	
/************************************End Order message*********************************************/


.CenterMessagePart{
  /*float:right;
    width: 80%;
    background-color: #ff0000;
display: inline-block;*/
  min-width:100% !important;
  text-align: right !important;
  align-items: right important;
  justify-content: right important;   
  position:absolute;
  right:0;
  padding-bottom:50px;

}


.WriteMessageValue { /* table cell field value text */
	color: #555555;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	text-align: left;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	padding-top: 4px !important;
   /* display:flex;*/
     /*display:table-row;*/

	}	

.UsersMessageText	 { /* mobile input textbox */

  font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;	
  font-size: 18px;
  border: none;
  color: #202020;
  text-align: center !important;
  align: center !important;
  font-weight: bold;
  display: inline-block;
  outline:none;
  
	
	padding-left: 5px !important;
	padding-right: 5px !important;
	  


	}			
	
	
	
.rectangle-HomeOwner {
  position: relative;
  width: 200px;
  height: 150px;
  margin: auto;
  z-index: -1;
  
  border: 5px solid #f4f4f4;
  background:#f6f6f6;
}

.rectangle-HomeOwner-Separator{
 
  width: 20px; 

}

	
.OwnerHomeText{

	color: #404040 !important;
	font-family: 'Cairo', Calibri, Arial, Verdana, Georgia, sans-serif !important;
	font-Size: 18px !important;	
	font-weight: normal;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin: 0 auto;
	white-space: nowrap;
	font-weight: normal !important;
	/*margin-bottom:-10px;*/
	/*display:block;*/

}	
.OwnerHomeTextValue{

	color: #404040 !important;
	font-family: 'Cairo', Calibri, Arial, Verdana, Georgia, sans-serif !important;
	font-Size: 20px !important;	
	font-weight: bold;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin: 0 auto;
	white-space: nowrap;
	font-weight: bold !important;
	/*margin-bottom:-10px;*/
	/*display:block;*/

}

/********************Upload File**********************/
.uploadbutton {
  color: transparent;
  outline: none;

}
.uploadbutton::-webkit-file-upload-button {
  visibility: hidden;
  outline:none;
}
.uploadbutton:before {
  content: 'إختار الملف / Choose File';
  display: inline-block;

/*background: #356aa0;
background: -moz-linear-gradient(top,  #356aa0 0%, #356aa0 100%);
background: -webkit-linear-gradient(top,  #356aa0 0%,#356aa0 100%);
background: linear-gradient(to bottom,  #356aa0 0%,#356aa0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aa0', endColorstr='#356aa0',GradientType=0 );*/
background:#D45D79;
  color:#ffffff;
  border: 1px solid #999;
  border-radius: 3px;
 
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 0px 0px #fff;
  font-weight: 10;
  font-size: 14px;
  font-family: 'Cairo','El Messiri',Arial, Verdana, Georgia, sans-serif;	
  
 	padding-bottom: 4px !important;
	padding-left: 4px !important;
	padding-right: 4px !important;
	padding-top: 4px !important;
}
.uploadbutton:hover:before {
  border-color: black;
  outline:none;
}
.uploadbutton:active:before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
  outline:none;
}
	
.UsersMessageEmail	 { /* mobile input textbox */

  font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;	
  font-size: 16px;
  border: none;
  color: #202020;
  text-align: center !important;
  align: center !important;
  font-weight: normal;
  display: inline-block;
  outline:none;
  
	padding-left: 5px !important;
	padding-right: 5px !important;  
	
	}				
	
.tableCellValueUserMessage { /* table cell field value text */
	color: #555555;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	text-align: left;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	padding-top: 4px !important;
    display:block;
 cursor: pointer;

	}		
.LanguageCircle {

 	border-radius: 50% !important;
 
	border: 1px solid rgba(237,237,237,1.0);
	cursor: grab;
	color: #000000;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	vertical-align: top;	
	background-color:rgba(237,237,237,0.3);
	outline:none !important;
	margin:4px;

width:40px;
height:40px;


 /* -webkit-animation: fadeInScale 0.7s ease-in-out;
    -moz-animation: fadeInScale 0.7s ease-in-out;
    animation: fadeInScale 0.7s ease-in-out;	*/

}

/*******************Loader*****************/
.loaderText { /* link text of buttons */ 
    animation: blinker 1.7s cubic-bezier(.5, 0, 1, 1) infinite alternate !important;
	color: #ffffff !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif !important;
	font-size: 18px;
	font-weight: normal !important;
	
	text-align: center;
	text-decoration: none;

    width: 100%;
	white-space: nowrap;
	
	}		


@keyframes blinker { to { opacity: 0; } }

/**---------------Another one----------**/
        .loader {
            border: 5px solid #f3f3f3;
            /* Light grey */
            border-top: 5px solid #D45D79;
            /* Dark Green */
            border-radius: 50%;
            width: 40px  !important;
            height: 40px !important;
            animation: spinloader 2s linear infinite;
        }
  
  
        @keyframes spinloader {
            0% {
                transform: rotate(0deg);
            }
  
            100% {
                transform: rotate(360deg);
            }
        }
  
 

  

/********************************************/

.Menupan2Eng{
background-color:rgba(237,237,237,0.2) !important;

	color: #000000 !important;
	
float:right;
width:15% !important;
margin-right:50px !important;
padding-top:0px !important;
border: 1px solid rgba(237,237,237,1.0) !important;
display:block;
box-shadow:
      0 1px 1px hsl(0deg 0% 0% / 0.075),
      0 2px 2px hsl(0deg 0% 0% / 0.075),
      0 4px 4px hsl(0deg 0% 0% / 0.075),
      0 8px 8px hsl(0deg 0% 0% / 0.075),
      0 16px 16px hsl(0deg 0% 0% / 0.075);  
  overflow:hidden;
  clear: both;
}
.Menupan2Arb{
background-color:rgba(237,237,237,0.2) !important;
display:block;


	
float:left;
width:15% !important;
margin-left:50px !important;
padding-top:0px !important;
border: 1px solid rgba(237,237,237,1.0) !important;

box-shadow:
      0 1px 1px hsl(0deg 0% 0% / 0.075),
      0 2px 2px hsl(0deg 0% 0% / 0.075),
      0 4px 4px hsl(0deg 0% 0% / 0.075),
      0 8px 8px hsl(0deg 0% 0% / 0.075),
      0 16px 16px hsl(0deg 0% 0% / 0.075);  
 align:right !important;
 
  overflow:hidden;
  clear: both;
}




.PopupMenuButtonEng{

	color: #808080 !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif !important;
	font-size: 14px !important;
	font-weight: normal !important;
	padding-left: 4px !important;
	padding-right: 4px !important;
	text-align: left !important;
	text-decoration: none !important;
	width: 100% !important;
	border:0px !important;
	background: transparent !important;
	
}

.PopupMenuButtonArb{

	color: #808080 !important;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif !important;
	font-size: 14px !important;
	font-weight: normal !important;
	padding-left: 4px !important;
	padding-right: 4px !important;
	text-align: right !important;
	text-decoration: none !important;
	width: 100% !important;
	border:0px !important;
	background: transparent !important;
	
}
.PopupMenuButtonArb:hover{

	color: #000000 !important;
	text-shadow: 0px 0px 0px #999999 !important;
	font-weight: 900 !important;
	cursor: pointer !important;
	background-color:rgba(237,237,237,0.7) !important;
	border:0px !important;
}

.PopupMenuButtonEng:hover{

	color: #000000 !important;
	text-shadow: 0px 0px 0px #999999 !important;
	font-weight: 900 !important;
	cursor: pointer !important;
	background-color:rgba(237,237,237,0.7) !important;
	border:0px !important;
}

.HeaderEmployeeImage {

width:40px !important; 
height:40px !important; 


	padding-top: 0px !important; 
 
border: 1px solid rgba(237,237,237,1.0) !important; 
border-radius: 50% !important; 
display: inline-block !important; 

 /*   -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;	*/
margin:4px;
}
	
.HeaderEmployeeImageBig	{

width:40px !important; 
height:40px !important; 

padding-top: 0px !important; 
 
border: 1px solid rgba(237,237,237,1.0) !important; 
border-radius: 24px !important; 
display: inline-block !important; 

 /*   -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;	*/

}
	
.OptionUser_Name{

	color: #ffffff;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 12px;

	vertical-align: middle !important;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 0px !important;
    /*display:flex;*/ 
    margin: 0 auto;
	font-weight: normal !important;
 
}

.OptionUser_Email{

	color: #ffffff;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 12px;

	vertical-align: middle !important;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 0px !important;
    /*display:flex; */
    margin: 0 auto;
	font-weight: bold !important;
 

}
	
	
.Separate_Message {
  padding:5px !important; 
  border-bottom: 0px solid #a3a2a2;
  
}

/*********************************************/
.Separate_Line {
  padding:10px !important; 
  border-bottom: 2px solid #a3a2a2;
  
}
.Add-Invoice-Separator{
    
    border-left:1px solid #a3a2a2;
  
}

.floatleft {
    width: 48%;
    float: left;
    padding: 5px;
    border: 2px solid #a3a2a2;
	border-top:0px;
	height:10%;
}

.floatright {
    width: 48%;
    float: right;
    padding: 5px;
    border: 2px solid #a3a2a2;
	border-top:0px;
	height:30% !important;
}

.floatrightSmall {
    width: 25%;
    float: right;
    padding: 5px;
    border: 2px solid #a3a2a2;
	border-top:0px;
	
}

.floatrightSmallSales {
    width: 30%;
    float: right;
    padding: 0px;
    border: 2px solid #a3a2a2;
	border-top:0px;

}


.floatleftSmallSales{
    width: 65%;
    float: left;
    padding: 0px;
	border-top:0px;

	
}

.floatSales{
    width: 100%;
    /*float: right;*/
    padding: 0px;
    border: 2px solid #a3a2a2;
	border-top:0px;
/*	height:30% !important;*/
   margin: 0 auto;

}


.floatleftSales {
    width: 58%;
    float: left;
    margin-right: 0.1%;
    border: 2px solid #a3a2a2;
	border-top:0px;
	height:30%;
}

.floatrightSales {
    width: 40%;
    float: right;
    margin-left: 0.1%;
    border: 2px solid #a3a2a2;
	border-top:0px;
	height:30% !important;
}

.floatCenterSales{
    width: 100%;
    float: center;
/*    margin-left: 0.1%;
    border: 2px solid #a3a2a2;
	border-top:0px;
*/
}

.Vertical-Line {
       content:"";
      width:1px;
      height:20%;
      display:flex;
      left:50%;
      position:absolute;
	    background-image: -webkit-linear-gradient(top, #fff, #000, #fff);
      background-image: -moz-linear-gradient(top, #fff, #000, #fff);
      background-image: -ms-linear-gradient(top, #fff, #000, #fff);
      background-image: -o-linear-gradient(top, #fff, #000, #fff);
      background-image: linear-gradient(top, #fff, #000, #fff);
}


/*******Link Button new Style******/
.LinkButtonNewEmployee{

	color: #ffffff !important;
	font-family: 'Cairo', Aria,Tahoma !important;
	font-Size: 14px !important;
	font-weight: normal !important;
	text-decoration: none !important;
	text-shadow: 0px 0px 0px #202020 !important;
	text-transform: capitalize !important;/*uppercase;*/
	padding-left:30px !important;
	padding-right:30px !important;	
	
	background-color: rgba(255,255,255,0.0) !important;
	background-image: url(../../Images/employee.png) !important;
    background-position: 0% 50% !important;
	background-repeat: no-repeat !important;	
	background-size: 20px 20px !important; 	

	display:block;
}


.LinkButtonNewProperty{

	color: #ffffff !important;
	font-family: 'Cairo', Aria,Tahoma !important;
	font-Size: 14px !important;
	font-weight: normal !important;
	text-decoration: none !important;
	text-shadow: 0px 0px 0px #202020 !important;
	text-transform: capitalize !important;/*uppercase;*/
	padding-left:30px !important;
	padding-right:30px !important;	
	
	background-color: rgba(255,255,255,0.0) !important;
	background-image: url(../../Images/property.png) !important;
    background-position: 0% 50% !important;
	background-repeat: no-repeat !important;	
	background-size: 20px 20px !important; 	


	display:block;
}


.LinkButtonNewDocument{

	color: #ffffff !important;
	font-family: 'Cairo', Aria,Tahoma !important;
	font-Size: 14px !important;
	font-weight: normal !important;
	text-decoration: none !important;
	text-shadow: 0px 0px 0px #202020 !important;
	text-transform: capitalize !important;/*uppercase;*/
	padding-left:30px !important;
	padding-right:30px !important;	
	
	background-color: rgba(255,255,255,0.0) !important;
	background-image: url(../../Images/document.png) !important;
    background-position: 0% 50% !important;
	background-repeat: no-repeat !important;	
	background-size: 20px 20px !important; 	


	display:block;
}



.LinkButtonIssuedChecks{

	color: #ffffff !important;
	font-family: 'Cairo', Aria,Tahoma !important;
	font-Size: 18px !important;
	font-weight: bolder !important;
	text-decoration: none !important;
	text-shadow: 0px 0px 0px #202020 !important;
	text-transform: capitalize !important;/*uppercase;*/
	padding-left:30px !important;
	padding-right:30px !important;	
	vertical-align:middle;
	


	display:inline-block;
	
    white-space: nowrap; /* Prevents text from wrapping */

 
}


.LinkButtonBanks{

	color: #ffffff !important;
	font-family: 'Cairo', Aria,Tahoma !important;
	font-Size: 18px !important;
	font-weight: bolder !important;
	text-decoration: none !important;
	text-shadow: 0px 0px 0px #202020 !important;
	text-transform: capitalize !important;/*uppercase;*/
	padding-left:30px !important;
	padding-right:30px !important;	
	vertical-align:middle;



	display:inline-block;
	white-space: nowrap; /* Prevents text from wrapping */
	
 
}
/***********************************/

/*****************Popup****************/
.dialog-body {
    background-color: #ffffff !important;
    padding: 5px !important;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif !important;
	font-size: 16px !important;
    color: #808080 !important;
    height: auto !important;
    font-weight: regular !important;
    width: auto !important;
	text-align:center !important;
	
}

.ui-dialog-title{
    /*background-color: #D45D79 !important;*/
	color: #ffffff !important;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif !important;
    font-size: 16px !important; 
    font-weight: regular !important;
	width: auto !important;
	border:0px !important;
}

..ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{
    text-align:center !important;
    align:center !important;
}

.ui-widget-content .ui-state-default {
  border: 0px solid #d3d3d3;
  background: #D45D79 50% 50% repeat-x !important;
  text-align:center !important;
  font-weight: normal;
  color: #ffffff;
  align:center !important;
}
/*************End Popup***********/
/******************* Animation ********************/
.animating_start{
    -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;	
}
	
	/******************************************/
	
@keyframes fadeInScale {
  0% {
  	transform: scale(0.9);
  	opacity: 0;
  }
  
  100% {
  	transform: scale(1);
  	opacity: 1;
  }
	}
	
/******************************************/

@keyframes spin {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }

}

/*******************Barcode***********************/

    .barcode-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .text-above {
        margin-bottom: 1px !important;
        font-family: ms san serif;
        font-size: 12px;
		text-align:center !important;
    }

    .barcode {
        width: 150px !important; /* Adjust width to match your barcode image width */
        height: 50px  !important;/*auto*/ /* Ensure the height is automatically adjusted */
		
		
    }

    .barcode img {
        display: block;
        width: 150px !important;
        height: 50px !important;/*auto;*/

    }

    .barcode-number {
        font-family: Arial, sans-serif;
        font-size: 14px;
        width: 100px; /* Same width as the barcode image */
        text-align: center;
    }
	
	
	.printed-content{
		margin: 0px; 
		flex: 1; 
		display: flex; 
		justify-content: center;
		align:center !important;
		text-align:center !important;

	}
	
	.printed-content-row89{
		/*margin: 1px !important;

		justify-content: center !important;
		align:center !important;
		text-align:center !important;*/
		display: block; 
		font-size: 140px !important;

	}

/* *******************End Barcode************************** */
.tableRowDividerUserOption {
    padding-top: 10px; /* Adjust as needed */
    padding-bottom: 10px; /* Adjust as needed */
    margin-top: 10px;
    margin-bottom: 10px;
}

.tableRowDividerUserOption::before {
    content: "";
    display: block;
    border-top: 1px solid #dddddd;
}



/*******************************************/


/*********************HYNOBot***********************/
.SearchArea-HYNOBot {

    width: 100%;
    position: fixed;
    bottom: 0px; /* Adjust the distance from bottom as per your footer's height */
    left: 0;
    padding: 0px;
    display: flex;	
    z-index: 99;
	
}	


.SearchBox-HYNOBot {
    flex: 1;
    width: 100%; /* Textbox occupies full width */
    padding-bottom: 0px;
    border: 0px;
    border-radius: 5px 0 0 5px;
    font-size: 16px;
    box-sizing: border-box;

}


.SearchBox-Input-HYNOBot {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
	
	
	color: #202020;
	font-family: 'Arimo',Arial, Verdana, Georgia, sans-serif;	
	font-size: 16px;
	
    background-color:#fffff !important;
    cursor: pointer;
    outline:none !important;
    resize: none;
	
    border: 1px solid #ccc;
    transition: border-color 0.2s ease-in-out; 	
  
}

.SearchBox-Input-HYNOBot:focus {
    border-color: #ccc; /* Change border color when focused */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Add shadow when focused */
}

.SearchButton-HYNOBot {
    padding-left: 15px;
	padding-right: 15px;

    border: none;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
	
	align-items: center; /* Center vertically */
	justify-content: space-between;
	line-height: 45px;
	
}




.loaderText-robo { /* link text of buttons */ 
    animation: blinker-robo 1.0s cubic-bezier(.5, 0, 1, 1) infinite alternate !important;
	color: #ffffff !important;
	font-family: 'RaleWay',Arial, Verdana, Georgia, sans-serif !important;
	font-size: 18px;
	font-weight: normal !important;
	

	text-decoration: none;


    width: 100%;
	white-space: nowrap;

    
	
	animation: blinker-robo 1.5s linear infinite;
	
	
	}
	
@keyframes blinker-robo {
  50% {
    opacity: 0;
  }
}

.loaderText-robo:before{
content:"Thinking...... Please Wait";
	padding-left:20px;
    
}

[dir="rtl"] .loaderText-robo:before{
content:"جاري البحث ...... من فضلك إنتظر";
	padding-right:20px;

}

.PleaseWaitText{
   
   padding-top:0px;
   
}




.AnswerArea-HYNOBot {
    position: fixed;
    top: 90px; /* Position at the top of the viewport */
    bottom: 70px; /* Set height of 90px at the bottom */
    left: 0;
    right: 0;
	
   /* border-color: #ccc; /* Change border color when focused */
   /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Add shadow when focused */	
    overflow: hidden; /* Hide overflow content if any */
	
}





.AnswerText-HYNOBot{

      	color: #808080 !important;
	font-family: 'Arimo',Arial, Verdana, Georgia, sans-serif !important;
	font-size: 1.0em !important;
  animation: 1s ease-out 0s 1 slideInFromLeft-UP  !important;

	    margin: 0 auto;

    padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	padding-top:10px;

	text-align:left !important;
	align:left !important;
	
  overflow-y: scroll !important;
  position: absolute !important;
  height:65vh;

}





.AnswerText-HYNOBot::-webkit-scrollbar {
  display: none !important;
}


.AnswerText-HYNOBot {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}





.AnswerTextStart-HYNOBot {
    position: fixed;
    top: 50%; /* Ensures it starts from the top */
    left: 0%; /* Center horizontally */
    transform: translateX(-50%); /* Center horizontally */
    font-family: 'Arimo', Arial, Verdana, Georgia, sans-serif !important;
    font-size: 2.0em !important;
    text-align: center;
    color: #808080;
    font-weight: bold !important;
    animation: 1s ease-out 0s 1 slideInFromAI forwards; /* Apply animation */
    z-index : 99;
}


@keyframes slideInFromAI {
    0% {
        transform: translateY(-100%);
        opacity: 0; /* Optionally start with opacity 0 for a fade-in effect */
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
/*******************************************/

.json-table {
    border-collapse: collapse;
    width: 100%;
}

.json-table th {
    background-color: #D45D79; /* Background color for column headers */
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
	color:#ffffff;
	font-family: 'Arimo',Arial, Verdana, Georgia, sans-serif !important;
	font-size: 1.0em !important;
	text-transform: capitalize !important;
}

.json-table td {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
	font-family: 'Arimo',Arial, Verdana, Georgia, sans-serif !important;
	font-size: 1.0em !important;
}

.json-table tr:nth-child(even) {
    background-color: #eeeeee;
}

	
/********************************************/

.pos-receipt-container {
    
    display: block;
    justify-content: center;
    align-items: center;
    height: 100vh;

	
}

.pos-receipt {
    font-family: Arial, sans-serif;
    width: 90%;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-top:30px !important;
	font-size:14px;
	animation: 1s ease-out 0s 1 slideInFromAI forwards; /* Apply animation */

}

.receipt-header {
    text-align: center;
	font-size:14px;
	
}

.receipt-header.rtl {
    text-align: right;
}

.receipt-footer {
    text-align: left;
	font-size:12px;
}

.receipt-footer p {
    margin: 5px 0;
}

.receipt-footer hr {
    border: none;
    border-top: 1px solid #ccc;
    margin: 5px 0;
}

/* Table styling */
.pos-table {
    width: 100%;
    border-collapse: collapse;
}

.pos-th, .pos-td {
    padding: 5px;
    border-bottom: 1px solid #ddd;
    text-align: left;
}

/* Gray background for table header */
.pos-th {
    background-color: #f2f2f2;
}




/*************Hamburger Menu************/

.menu-container {
 /*   position: fixed;*/
    top: 0;
    right: 5;
    width: 10% !important; /* Adjust width for container */
    height: 45px;
    background-color: transparent !important;
    z-index: 1000;
    display: flex;
    align-items: center; /* Vertically center the content */
    justify-content: flex-start; /* Align items to the left */
    padding: 0 0px;
}

[dir="rtl"] .menu-container {
    /*position: fixed;*/
    top: 0;
    left: 5;
    width: 10%; /* Adjusted width */
    height: 45px;
    background-color: transparent !important;
    z-index: 1000;
    display: flex;
    align-items: center; /* Center align items vertically */
    justify-content: flex-start; /* Space between items */
    padding: 0px 0px; /* Adjusted padding */
}

.menu-button {
    display: flex;
    justify-content: left !important;
    align-items: left !important;
    height: 40px;
    cursor: pointer;
    color: transparent;
    flex-direction: column;
    transition: transform 0.4s;
    /*margin-top: 15px;
    margin-left: 10px;*/
    margin: 4px;
}

.menu-drill-button {
    background-color: transparent !important;
    color: #000000 !important;
    padding-top: 10px !important;
    padding-bottom: 8px !important;
    padding-left: 40px !important;
    padding-right: 8px !important;
    cursor: pointer !important;
    font-size: 16px !important;
    font-weight: bold !important;
    font-family: 'Cairo', Arial, Verdana, sans-serif !important;
    transition: background-color 0.3s ease;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1) !important;
    display: flex !important;
    align-items: left !important;
	text-align:left !important;
    margin: 0px !important;
    border: 0px !important;
    transform: scale(0.8);
    animation: zoomIn 0.6s forwards;
    width: 100% !important;
    background-image: url(../../Images/sendHover.png) !important;
    background-position: 5% 50% !important;
    background-repeat: no-repeat !important;
    -webkit-background-size: auto 30% !important; /*for webKit*/
    -moz-background-size: auto 30% !important; /*Mozilla*/
    -o-background-size: auto 30% !important; /*opera*/
    background-size: auto 30% !important; /*generic*/
	border-bottom: 1px dotted #808080 !important;	
	
}

.menu-dropdown .menu-drill-button:last-child {
    border-bottom: none;
}

.menu-drill-button:hover {
    outline: none !important;
    color: #ffffff !important;
    background-color: #555555 !important;
    text-decoration: none !important;
}

[dir="rtl"] .menu-drill-button {
    text-align: right !important;
    font-size: 16px !important;
    font-family: 'Cairo', sans-serif !important;
    padding-top: 10px !important;
    padding-bottom: 8px !important;
    padding-left: 10px !important;
    padding-right: 40px !important;
    align-items: right !important;	
    background-image: url(../../Images/sendHoverA.png) !important;
    background-position: 95% 50% !important;
    background-repeat: no-repeat !important;
    -webkit-background-size: auto 30% !important; /*for webKit*/
    -moz-background-size: auto 30% !important; /*Mozilla*/
    -o-background-size: auto 30% !important; /*opera*/
    background-size: auto 30% !important; /*generic*/	
}

.menu-button.active .hamburger:nth-child(1),
.menu-button.active .hamburger:nth-child(3) {
    opacity: 0;
}

.menu-button.active .hamburger:nth-child(2) {
    transform: rotate(45deg);
}

.menu-button.active .hamburger:nth-child(1) {
    transform: translateY(10px) rotate(-45deg);
}

.menu-button.active .hamburger:nth-child(3) {
    transform: translateY(-10px) rotate(45deg);
}




.hamburger-container {
    width: 40px !important;
    height: 40px !important;
    border: 1px solid rgba(237,237,237,1.0) !important;
    border-radius: 50% !important; /* Ensures perfect circle */
    display: flex !important;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative; /* Enables absolute positioning for lines */
	
    margin-left: 0px;
	margin-right: 0px;
	
}

.hamburger-container .hamburger {
    width: 24px; /* Adjusted width to fit inside the circle */
    height: 2px; /* Slightly thinner lines */
    background-color: #000000;
    position: absolute; /* Use absolute positioning to control line placement */
    transition: 0.4s;
	margin-top:2px;
}

.hamburger:nth-child(1) {
    top: 9px; /* First line near the top */
}

.hamburger:nth-child(2) {
    top: 16px; /* Second line in the middle */
}

.hamburger:nth-child(3) {
    top: 23px; /* Third line near the bottom */
}



.menu-dropdown {
    display: none;
    position: fixed;
    top: 50px !important; /* Adjusted for menu height */
    right: 10px; /* Adjusted for menu width */
    width: 30% !important;
    height: calc(100vh - 100px); /* Full viewport height minus menu height */
    z-index: 999;
    overflow-y: auto;
    border-radius: 10px;
  
    overflow-x: hidden;
    background-image: linear-gradient(45deg, #eeeeee 0%, #fffcfc 100%) !important;
    transform: scale(0.8); /* Start slightly smaller */
    opacity: 0;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
	
}

[dir="rtl"] .menu-dropdown {
	right: auto !important; /* Remove right positioning */
    left: 10px !important;
    height: calc(100vh - 85px); /* Full viewport height minus menu height */

}

.menu-dropdown.open {
    display: block;
    transform: scale(1); /* Scale to full size */
    opacity: 1;
}

.Dash-menu-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 0px;
}

.Dash-menu-button {
    background-color: transparent !important;
    color: #000000 !important;
    padding-top: 10px !important;
    padding-bottom: 8px !important;
    padding-left: 40px !important;
    padding-right: 8px !important;
    cursor: pointer !important;
    font-size: 16px !important;
    font-weight: bold !important;
    font-family: 'Cairo', Arial, Verdana, sans-serif !important;
    transition: background-color 0.3s ease;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1) !important;
    display: flex !important;
    align-items: left !important;
	text-align:left !important;
    margin: 0px !important;
    border: 0px !important;
    transform: scale(0.8);
    animation: zoomIn 0.6s forwards;
    width: 100% !important;
    background-image: url(../../Images/sendHover.png) !important;
    background-position: 5% 50% !important;
    background-repeat: no-repeat !important;
    -webkit-background-size: auto 30% !important; /*for webKit*/
    -moz-background-size: auto 30% !important; /*Mozilla*/
    -o-background-size: auto 30% !important; /*opera*/
    background-size: auto 30% !important; /*generic*/
	border-bottom: 1px dotted #808080 !important;
	
	
}

[dir="rtl"] .Dash-menu-button {
    text-align: right !important;
    font-size: 16px !important;
    font-family: 'Cairo', sans-serif !important;
    padding-top: 10px !important;
    padding-bottom: 8px !important;
    padding-left: 10px !important;
    padding-right: 40px !important;
    background-image: url(../../Images/sendHoverA.png) !important;
    background-position: 95% 50% !important;
    background-repeat: no-repeat !important;
    -webkit-background-size: auto 30% !important; /*for webKit*/
    -moz-background-size: auto 30% !important; /*Mozilla*/
    -o-background-size: auto 30% !important; /*opera*/
    background-size: auto 30% !important; /*generic*/	

}

.Dash-menu-button:focus {
    outline: none !important;
    color: #ffffff !important;
    background-color: #555555 !important;
    text-decoration: none !important;
}

.Dash-menu-button:hover {
    outline: none !important;
    color: #ffffff !important;
    background-color: #555555 !important;
    text-decoration: none !important;
}



.Dash-menu-button-second {
    background-color: transparent !important;
    color: #000000 !important;
    padding-top: 10px !important;
    padding-bottom: 8px;
    padding-left: 50px;
    padding-right: 8px;
    cursor: pointer;
    font-size: 16px !important;
    font-weight: none;
    font-family: 'Cairo', Arial, Verdana, sans-serif !important;
    transition: background-color 0.3s ease;
   /* box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);*/
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1) !important;
    display: flex;
    align-items: left !important;
	text-align: left !important;
    margin-top: 0px !important;
	margin-bottom: 0px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
    border: 0px;
    transform: scale(0.8);
    animation: zoomIn 0.6s forwards;
    width: 100%;
    background-image: url(../../Images/circleSendG.png);
    background-position: 7% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: auto 30% !important; /*for webKit*/
    -moz-background-size: auto 30% !important; /*Mozilla*/
    -o-background-size: auto 30% !important; /*opera*/
    background-size: auto 30% !important; /*generic*/
	/*border-bottom: 1px dotted #808080 !important;*/
	
	
}

[dir="rtl"] .Dash-menu-button-second {
    text-align: right !important;
	align-items: left !important;
    font-size: 16px !important;
    font-family: 'Cairo', sans-serif !important;
    padding-top: 10px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 40px;
    background-image: url(../../Images/circleSendG.png);
    background-position: 95% 50%;
    background-repeat: no-repeat;	

}

.Dash-menu-button-second:focus {
    outline: none !important;
    color: #ffffff !important;
    background-color: #555555 !important;
    text-decoration: none !important;
}

.Dash-menu-button-second:hover {
    outline: none !important;
    color: #ffffff !important;
    background-color: #555555 !important;
    text-decoration: none !important;
}


.Dash-drill-menu .Dash-Submenu-button:last-child {
    border-bottom: none;
}

.Dash-Submenu-button {
    background-color: transparent !important;
    color: #000000;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 60px !important;
    padding-right: 5px;
    cursor: pointer;
    font-size: 16px !important;
    font-weight: normal !important;
    font-family: 'Cairo', Arial, Verdana, sans-serif !important;
    transition: background-color 0.3s ease;
    border-bottom: 1px dotted #808080 !important;
    align-items: left;
    border: 0px;
    margin: 0px;
    text-align: left !important;
    transform: scale(0.8);
    animation: zoomIn 0.6s forwards;
    width: 100%;
    background-image: url(../../Images/circleSub.png) !important;
    background-position: 10% 50%  !important;
    background-repeat: no-repeat;
    -webkit-background-size: auto 30% !important; /*for webKit*/
    -moz-background-size: auto 30% !important; /*Mozilla*/
    -o-background-size: auto 30% !important; /*opera*/
    background-size: auto 30% !important; /*generic*/
}

.Dash-Submenu-button:hover {
    outline: none !important;
    color: #ffffff !important;
    background-color: #555555 !important;
    text-decoration: none !important;
}

[dir="rtl"] .Dash-Submenu-button {
    text-align: right !important;
    font-size: 16px !important;
    font-family: 'Cairo', sans-serif !important;
    padding-top: 10px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 60px !important;
    background-image: url(../../Images/circleSub.png);
    background-position: 90% 50% !important;
    background-repeat: no-repeat;
    -webkit-background-size: auto 30% !important; /*for webKit*/
    -moz-background-size: auto 30% !important; /*Mozilla*/
    -o-background-size: auto 30% !important; /*opera*/
    background-size: auto 30% !important; /*generic*/
}


        .Dash-drill-menu {
            display: none;
            position: absolute;
            top: 50px !important;
            background-color: #f1f1f1;
            padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 20px;
			padding-right: 20px;
            border-radius: 8px;
            z-index: 100;
            width: 100% !important;
            text-align: left;
			margin:0px;
        }


        .Dash-content {
            width: 100%;
            max-width: 100%;
            margin: 10px auto;
            padding: 10px;
        }

        .Dash-header h1 {
            font-size: 32px;
            text-align: center;
            margin-bottom: 10px;
        }

        .Dash-dashboard {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
            gap: 20px;
            opacity: 0;
            transform: scale(0.8);
            animation: zoomIn 0.6s forwards;
        }

        @keyframes zoomIn {
            to {
                opacity: 1;
                transform: scale(1);
            }
        }

        .Dash-card {
            background-color: #f9f9f9;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            padding: 20px;
            transition: transform 0.3s ease;
			height:90%;

        }

        .Dash-card:hover {
            transform: translateY(-10px);
        }

        .Dash-card h2 {
            margin-top: 0;
        }

        .Dash-card p {
            color: #777;
        }


		.Dash-custom-button {
			background-color: transparent !important;
			color: #000000;
			border: none;
			border-radius: 5px;
			padding: 10px 10px;
			cursor: pointer;
			margin: 5px;
			transition: background-color 0.3s ease;
		}
		
		.Dash-custom-button:hover {
			background-color: #808080 !important;
			color: #ffffff;
			width:100%;
			text-align:left;
		}

.menu-item {
    margin: 0 10px !important;
    color: #CD5C5C !important;
    cursor: pointer !important;
	text-align: left !important;
	padding: 10px !important;
    font-family: 'Arial', sans-serif !important; /* Nice font for web and mobile */
    position: relative !important;
	background-color:transparent !important;
    border:0; 
	
   justify-content: flex-start; /* Force content to start from left */
    display: flex;
    align-items: center; /* Align items vertically center */

}

.menu-item:hover {

    color: #ffffff !important;
	background-color:#8c8b8b !important;
	text-decoration: none;
}

.menu-item::before {
    content: '•' !important; /* Bullet point */
    margin-right: 8px;
}

.menu-item button {
    text-align: left !important; /* Force text alignment to left for button */
	background-color:transparent !important;
	border:0px;
	margin-left:-5px;
	width:100%;
	font-family: 'Arial', sans-serif !important;
}

.menu-item button:hover {
    
	background-color:#8c8b8b !important;
	color: #ffffff !important;
}

.menu-item:not(:last-child) {
    border-bottom: 1px dotted #808080; /* Horizontal line */
}	



/* Keyframe for zoomIn */
@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}








.AI-Search-container {
    /*display: flex !important;
    align-items: center !important;
    padding: 0px !important;
    width: 80% !important;
    margin-top: 0px;
	margin-left: 10% !important;
	margin-right: 10% !important;
	margin-bottom: 0px !important;
	justify-content: center; align-items: center;*/
		display: none !important;

}



.AI-Search-wrapper {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    background-color: transparent !important;
    border-radius: 25px !important;
    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/
	border: 1px solid rgba(237,237,237,1.0) !important;
    padding: 0px !important;
    width: 100% !important;
	margin:0px !important;
}

.AI-Search-dropdown {
    flex-grow: 0 !important;  /* Prevent the dropdown from growing */
    /*min-width: 180px !important;
    min-height: 40px !important;*/
    height: 40px !important;
    box-sizing: border-box !important;
    border: none !important;
    background-color: #D45D79 !important;
    color: white !important;
    font-size: 14px !important;
    font-family: 'Cairo', Arial, sans-serif !important;
    padding-top: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
    appearance: none !important;
    cursor: pointer !important;
    border-radius: 25px 0 0 25px !important;
    outline: none !important;
}


[dir="rtl"] .AI-Search-dropdown {
border-radius: 0px 25px 25px 0px !important;
}


/* Styling for dropdown options when opened */
.AI-Search-dropdown option {
    background-color: #eeeeee !important;
    color: #202020 !important;
    font-size: 14px !important;
    padding: 10px !important;


}


.AI-Search-box {
    flex: 1 !important;
    border: none !important;
    outline: none !important;
    padding: 10px 20px !important;
    font-size: 16px !important;
    border-radius: 0 !important;
}

.AI-Search-btn {
    padding: 8px 20px !important;
    background-color: #D45D79 !important;
    font-size: 14px !important;
	font-family: 'Cairo',Arial, sans-serif !important; /* Nice font for web and mobile */	
    color: white !important;
    border: none !important;
    border-radius: 0 25px 25px 0 !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease;
}

[dir="rtl"] .AI-Search-btn {
border-radius: 25px 0px 0px 25px !important;
}


.AI-Search-btn:hover {
    background-color: #D45D79;
}

.AI-Search-box::placeholder {
    color: #888;
}

.AI-Search-wrapper::before {
    content: "";
    position: absolute;
    right: 0;
    width: 1px;
    height: 30px;
    background-color: transparent;
}





/* The Modal (background) */
.AI-Search-popup {
    display: none; /* Hidden by default */
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */
    overflow: hidden; /* Prevent background scrolling when the popup is open */
}

/* Modal Content */
.AI-Search-popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Center horizontally */
    width: 70%;
    max-height: 70%; /* Limit the height */
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    overflow: hidden; /* Ensure only the body scrolls, not the entire popup */
}

/* Popup Header (fixed) */
.AI-Search-popup-header {
    padding: 5px 5px; /* Reduce vertical padding for less space above and below text */
    font-size: 16px;
    font-weight: bold;
    background-color: #f1f1f1; /* Optional background color for the header */
    border-bottom: 1px solid #ddd; /* Separator line between header and body */
    text-align: center;
    position: sticky; /* Fix the header at the top of the popup */
    top: 0;
    z-index: 1; /* Ensure the header stays above the body content */
    margin: 0; /* Ensure there are no margins */
}


/* The body inside the popup (scrollable) */
.AI-Search-popup-body {
    flex: 1;
    padding: 20px;
    overflow-y: auto; /* Make the content scrollable */
    -webkit-overflow-scrolling: touch; /* Enable iPhone-like smooth scrolling */
}

/* Close button */
.AI-Search-close-btn {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
	padding-right:15px;
	padding-top:15px;
}

.AI-Search-close-btn:hover,
.AI-Search-close-btn:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}


/*************End Hamburger Menu****************/

/*Project Schedule Plans*/

.container {
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
}

/* Sidebar Styling */
.sidebar {
    width: 250px;
    background: #343a40;
    color: white;
    padding: 20px;
    box-sizing: border-box;
}

.sidebar label, .sidebar select {
    color: #808080;
    display: block;
    margin-bottom: 10px;
}

.sidebar select {
    width: 100%;
    padding: 8px;
    background-color: #495057;
    border: none;
    color: white;
}

/* Header Styling */
.header {
    width: 100%;
    background: rgba(212, 93, 121, 1.0);
    color: white;
    padding: 10px 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 20px;
}

.header label {
    margin-right: 10px;
    color: #f8f9fa;
}

.header select {
    padding: 8px;
    background-color: #eb738f;
    border: none;
    color: white;
    border-radius: 4px;
}

/* Gantt Chart Container */
.gantt-chart-container {
    display: flex;
    flex: 1;
    overflow: hidden;
}

/* Gantt Chart */
.gantt-chart {
    flex: 1;
    overflow-x: auto;
    position: relative;
    background-color: #fff;
}



/* Gantt Header for Months (Updated for responsiveness) */
.gantt-header {
    display: flex;
    width: 100%;
}

.gantt-header .gantt-cell {
    flex: 1 1 80px;  /* Allow cells to shrink and grow, with a minimum width */
    min-width: 60px; /* Minimum width for readability */
    height: 30px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    text-align: center;
    background-color: #d9d9d9;/*Month Names*/
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;	
    color: #555555;
    white-space: nowrap;
	font-weight: bold;
}

/* Gantt Rows */
.gantt-row .gantt-cell {
    flex-grow: 1;
    min-width: 80px;
    height: 50px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    background-color: #f9f9f9;
}

/* Task Bar Styling */
.task-bar {
    position: absolute;
    top: 10px;
    height: 30px;
    background-color: rgba(212, 93, 121, 1.0);/*task timesheet*/
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    padding: 0 0px;
    text-align: center;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}

/* Tooltip Styling */
.tooltip {
    position: absolute;
    display: none;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    z-index: 1000;
}

/* Gantt Task Names */
.gantt-tasks {
    width: 200px;
    background: transparent;/*#f4f4f4;*/
    border-right: 0px solid #ddd;
    overflow-y: auto;
    padding: 5px;
    box-sizing: border-box;
    font-size: 13px;
    text-align: left;
}



.gantt-task {
    margin-top: 1px;
    padding: 5px;
    border-bottom: 0px solid #ddd;
    width: 100%;

}

[dir="rtl"] .gantt-task {

    text-align: right !important;
	
}

.gantt-task-header {
    font-weight: bold;
    text-align: center;
    padding: 10px;
    background-color: transparent;
    color: #fff;
	
}

/* Responsive Width Adjustments for Cells */
.gantt-row .gantt-cell {
    flex-grow: 1;
    min-width: 80px;
    position: relative;
    height: 50px;
    background-color: transparent !important;
}

/* Header Sticky for Gantt */
.gantt-header {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #007bff;
    color: #808080;
}

/* Uniform Height for Gantt Rows */
.gantt-row {
    display: flex;
    align-items: center;
    height: 50px;
    position: relative;
}

/* Tooltip Styles */
.tooltip {
    position: absolute;
    display: none;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    z-index: 1000;
}

/* Gantt Task Header */
.gantt-task-header {
    font-weight: bold;
    text-align: center;
    padding: 10px;
    background-color: transparent;
    color: #fff;
}

/* Gantt Task Row Alignment */
.gantt-task, .gantt-row .gantt-cell {
    display: flex;
    align-items: center;
    height: 50px;
    box-sizing: border-box;
}




.legend-item {
    display: flex;
    align-items: center;
    margin-right: 15px;
	
}

.legend-color {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    border: 1px solid #ccc;
}

.legend-label {
    font-size: 14px;
	
}

.gantt-legend {
 
    display: flex;
    align-items: center;
    padding-top:10px;
	padding-bottom:10px;
    font-size: 14px;
    white-space: nowrap; /* Prevents wrapping to the next line */
    overflow-x: auto; /* Allows horizontal scrolling if needed */
	text-aling:center;
    margin-left:15.8%;

}

[dir="rtl"] .gantt-legend {

    margin-right:14.8% !important;
	margin-left:auto  !important;

}



.gantt-legend-item {
    display: flex;
    align-items: center;
    margin-right: 15px; /* Space between legend items */
    font-family: 'Cairo',Arial, sans-serif; /* Font change here */
    font-size: 14px; /* Adjust the font size of the status text */
	
}


.gantt-legend-color {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    border: 1px solid #000; /* Optional: border for better visibility */
	
}

[dir="rtl"] .gantt-legend-color {

    margin-right: auto;
    margin-left: 5px;
	
}



/* Additional Styles for Responsiveness */
@media (max-width: 768px) {
    .gantt-header .gantt-cell, .gantt-row .gantt-cell {
        min-width: 60px;
    }
    .gantt-tasks {
        width: 150px;
    }
    .gantt-task-header {
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .gantt-header .gantt-cell, .gantt-row .gantt-cell {
        min-width: 50px;
        font-size: 10px;
    }
    .gantt-tasks {
        width: 120px;
    }
    .gantt-task-header {
        font-size: 10px;
    }
}



	
/*******************************************/
/*******************************************/