/**********************************************************************
 * 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.      *
 *                                                                    *
 **********************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Ubuntu Sans&display=swap');
.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%;
	}




/************************SignIn******************************/
/**********************Tenant Home Page**********************/


.pageBackground, .pBackTenant{ /* body */
  
 
	background-color: #eeeeee;
	font-family: 'Open Sans Condensed', Arial, Verdana, sans-serif;
	margin-left: 0px;
	margin-right: 0px;
	margin-top:0px;
	margin-bottom: 30px;
	padding-top: 0px;
	
	width: 100%;
	height: 100%;	
	
	background-image: url("https://www.transparenttextures.com/patterns/flowers.png");
	
	}
	
	
.pageBackground, .pBackTenantWhite{ /* 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: 30px;
	padding-top: 0px;
	
	width: 100%;
	height: 100%;	
	
	}	
	
	
	
/**********************Tenant Home Page**********************/


.pageBackground, .pBackAdmin{ /* body */
  
 
	background-color: #eeeeee;/*#b2b2b2;*/
	font-family: 'Open Sans Condensed', Arial, Verdana, sans-serif;
	margin-left: 0px;
	margin-right: 0px;
	margin-top:0px;
	margin-bottom: 30px;
	padding-top: 0px;
	
	width: 100%;
	height: 100%;	
	
	
	background-image: url("https://www.transparenttextures.com/patterns/flowers.png");
	}
	
	
.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: 30px;
	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: 30px;
	padding-top: 0px;
	
	
    
	background:linear-gradient(
      rgba(0, 0, 0, 0.0), 
      rgba(0, 0, 0, 0.0)
	  
    ),url(../../images/SignIn_bg.png) ;
	
    background-position: top center;
	background-attachment:fixed;
    background-repeat:no-repeat;
	
	-webkit-background-size: 100% 100%; /*for webKit*/
    -moz-background-size: 100% 100%; /*Mozilla*/
    -o-background-size: 100% 100%; /*opera*/
    background-size: 100% 100%; /*generic*/
   -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
	
	width: 100%;
	height: 100%;	
	
	}
	
	
.dv_signin { /* SIGNIN - panel container (SignIn */
    border: 0px;
	/*background-color: transparent !important;*/
	
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 15px;
	padding-left: 15px;


  
    top:55%;
    left:20%;
    
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);	
	
	text-align: center;
	vertical-align: middle;
	/*width: 100%;*/
	/*height:60%;*/
	
	/*background-color: rgba(255,255,255, 0.9);*/
	  background-color: rgba(69,118,124, 0.5);

	
    background-position: top center;
    background-repeat: no-repeat;
    /*border-radius: 50px 50px 50px 50px;
	-moz-border-radius: 50px 50px 50px 50px;
	-webkit-border-radius: 50px 50px 50px 50px;*/
    /*opacity:0.6;*/
	
    position: fixed;
	
	
	

	
}	
		/*Slider*/
		.dv_signin_slider{
			
			width: 50%;
			right:10%;
			top:40%;
			position:fixed;
		}
        .slider-container {
          /*  width: 50%;
            height: 400px;
            overflow: hidden;
            position: relative;*/
			
			width: 50%;
			right:10%;
			top:40%;
			position:fixed;
			align-items: center;
        }
        .slider {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100%;
            animation: slideEffect 10s infinite;
        }
        .slider-title {
			color: #ffffff;
			font-family: 'Ubuntu Sans',Arial, Verdana, Georgia, sans-serif;
			font-size: 50px;
			font-weight: bold;
            margin-bottom: 10px;
			text-align:center;
			text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); /* Black shadow */
			
        }
        .slider-details {
			color: #ffffff;
			font-family: 'Ubuntu Sans',Arial, Verdana, Georgia, sans-serif;
			font-size: 25px;
			font-weight: normal;
            color: #ffffff;
			text-align:center;
			text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); /* Black shadow */
        }
		[dir="rtl"] .slider-details {
			font-family: 'Ubuntu Sans',Arial, Verdana, Georgia, sans-serif !important;
			font-size: 35px !important;
			
		}
		
        @keyframes slideEffect {
            0% { opacity: 0; transform: translateY(50px); }
            25% { opacity: 1; transform: translateY(0); }
            75% { opacity: 1; transform: translateY(0); }
            100% { opacity: 0; transform: translateY(-50px); }
        }

.dv_forgetpassword { /* SIGNIN - panel container (SignIn */
    border: 0px;
	/*background-color: transparent !important;*/
	
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 15px;
	padding-left: 15px;


  
    top:55%;
    left:50%;
    
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);	
	
	text-align: center;
	vertical-align: middle;
	width: 60%;
	/*height:60%;*/
	
	/*background-color: rgba(255,255,255, 1);*/
	 background-color: rgba(69,118,124, 0.5);
	
    background-position: top center;
    background-repeat: no-repeat;
    /*border-radius: 50px 50px 50px 50px;
	-moz-border-radius: 50px 50px 50px 50px;
	-webkit-border-radius: 50px 50px 50px 50px;*/
    /*opacity:0.6;*/
	
    position: fixed;
	
	
	

	
}	


.dv_CreateAccount { /* SIGNIN - panel container (SignIn */
    border: 0px;
	/*background-color: transparent !important;*/
	
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;


  
    top:55%;
    left:50%;
    
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);	
	
	text-align: center;
	vertical-align: middle;
	width: 50%;
	height:50%;
	
	background-color: rgba(255,255,255, 1);
	
    background-position: top center;
    background-repeat: no-repeat;

    position: fixed;
	

}	

.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: #ffffff;
	font-family: '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: #ffffff;
	font-family: '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;	
}	
	
	
.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: left;*/
	vertical-align: top;
	}

.securityForm2{

	height: 0px;
	padding: 5px;
/*	text-align: left;*/
	vertical-align: top;
	}	
	
.ForgetPassword-EmailAddress{
     text-align: center !Important;
	  align: center !Important;
    
   display:block !important;
   margin:0 auto !important;
          
            justify-content: center !important;
            align-items: center !important;
			 align-content: center !important;

			 float:center !important;

}

.ForgetPasswordTitle-header { /* mobile main content area default text styles */
	color: #ffffff;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 20px !important; 
	text-transform: uppercase;
	width:100%;
	padding-left:10px;
	text-align:center;
	}

.ForgetPasswordTitle1 { /* mobile main content area default text styles */
	color: #ffffff;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px !important; 
	text-transform: uppercase;
	width:100%;
	text-align:left !important;
	}

	
.ForgetPasswordTitle2 { /* mobile main content area default text styles */

	color: #ffffff;
	font-family: 'Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	width:100%;
	}		
.ForgetPasswordEmailBox{
     text-align: center !Important;
	  align: center !Important;
    
   display:block !important;
   margin:0 auto !important;
          
            justify-content: center !important;
            align-items: center !important;
			 align-content: center !important;

			 float:center !important;
	padding-left:25%;
	padding-right:25%;

}

[dir="rtl"] .ForgetPasswordEmailBox{

	padding-left:15%;
	padding-right:15%;

}

	
::placeholder {
    color: #E9E1E1;
	font-family: 'Tajawal','Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif !important; 
	font-size: 20px !important; 
}

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

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


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

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


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


.username_value	{
	
   
	
    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: #ffffff;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 20px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	vertical-align: top;	
	background-color:rgba(237,237,237,0.3);
	outline:none !important;
	}


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

.password_label	{
    
	color: #ffffff;
	font-family: 'Tajawal','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: 24px 24px;
	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: #ffffff;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 20px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	vertical-align: top;	
	background-color:rgba(237,237,237,0.3);
	outline:none !important;
}
.remember_singin	{
    
	color: #ffffff;
	font-family: 'Tajawal','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: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #ffffff !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: #f9f9f9;
    color: #c7c5c5;
    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: 60px !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: 60px !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
	padding-bottom:0px;
	padding-top:0px;
	width:100% !important;

	background:#ffffff !important;
padding-bottom:40px !important;

	}	
	
.pcL2 { /* Home master) */
	padding-top: 0px;
	padding-bottom:5px;
	padding-left:0px;
	padding-right:0px;
	vertical-align: middle;
	align:center;
	height:100%;
	}
.pcL { /* page container left middle edge (vertical menu container) */
	/*padding-top: 0px;
	vertical-align: top;
	/*height:100% !important;*/
	/*background:#45767c !important;
	/*bottom:0px;
	
	/*min-height: 100vh;*/
	            margin-top: 110px; 
/*                position: fixed;*/
                top: 0;
                bottom: 0;
                
                height: calc(100vh - 9.0rem);
                background-color: #45767c;
                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;
	}
.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:30px; /*30*/
    background: #45767c;

	height:50px !important;
	width:100% !important;
	
	position:absolute;
   
	}



.MLMmvC { /* Vertical menu item container */
	border-left: 0px solid #555555 !important;
	border-right: 0px solid #555555 !important;
	border-top: 0px solid #555555 !important;
	border-bottom: 1px solid #dddddd !important;
	font-size: 12px; /*for arabic make it 20, English 16*/
	padding: 10px;	
    	
		 	
	}

	
	

	
	
.MLMmvC a { /* Vertical menu item link text  - Menu Font*/ 
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	color: #ffffff;
	font-family: 'Cairo','Tajawal','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:0px !important;
	padding-right:0px !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: 20px 20px !important; 	
	*/
    -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;		
	border-bottom: 0px solid #dddddd !important;
	vertical-align: bottom !important;
	

	}	

	
	
	
.MLMmvC a:hover { /* Vertical menu item container */
    /*color: #ffffff !important;    
	background: #8c9091 !important;
	border-top: 4px solid #ffffff !important;
    border-bottom: 4px solid #ffffff !important;
    */	 	
	}			

	
.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: 12px;	
	
	 	
	}

.MLMmC a { /* horizontal menu item link text  - Menu Font*/ 
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	color: #ffffff;
	font-family: 'Poppins','Tajawal','Cairo', Aria,Tahoma;
	font-Size: 12px !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: 20px 20px !important; 	
	
    -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;		
	
	}


.MLMmvoC { /* horizontal menu item hover state */
	font-family: 'Poppins','Tajawal','Cairo', Aria,Tahoma;
	font-Size: 12px !important;
	background:transparent !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: #b2b2b2 !important;

	}
	
	

.MLMmvoC a { /* horizontal menu item hover state link text */
	color: #ffffff;
	text-shadow: 0px 0px 0px #999999;
	font-weight: 900;
	
		
	}


	



.MLMmoC { /* horizontal menu item hover state */
/*Blue*/
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 );
 




	

    padding:12px;
    height:50px;
	
	font-family: 'Tajawal','Cairo', Aria,Tahoma;
	font-Size: 20px !important;
	}

.MLMmoC a { /* horizontal menu item hover state link text */
	color: #ffffff;
	text-shadow: 0px 0px 0px #999999;
	
	
	
	}

.MLMmenuV { /* vertical menu container */
	position: relative;
	width:150px;
	
	}

.MLMmenuVsub { /* 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;
	
	
	
	}


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

	}

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

	cursor: pointer !important;
	text-transform: none;
	
	font-family: 'Tajawal','Cairo', Aria,Calibri, Arial, Verdana, Georgia, sans-serif;
	font-Size: 14px !important;	
	color:#ffffff;	
	
	
    -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;	
	}

.MLMsubmvoC { /* horizontal submenu item hover state */
background: #45767c;

	font-family: 'Tajawal','Cairo', Aria, Calibri, Arial, Verdana, Georgia, sans-serif;
	font-Size: 14px !important;	
	color:#ffffff;		
			
	}

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

	
	color: #ffffff;
	font-family: 'Tajawal','Cairo', Aria,Tahoma;
	font-Size: 14px !important;	
	}




.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: #fffdfa;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top: 1px dotted #dddddd;
	padding: 10px;
	width: 100%;
	height:100%;
	

	}

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

	cursor: pointer !important;
	text-transform: none;
	
	font-family: 'Tajawal','Cairo', Aria,Calibri, Arial, Verdana, Georgia, sans-serif;
	font-Size: 16px !important;	
	color:#000000;	
	
	
    -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: #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 );


	font-family: 'Tajawal','Cairo', Aria, Calibri, Arial, Verdana, Georgia, sans-serif;
	font-Size: 20px !important;	
	color:#000000;		
			
	}

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

	
	color: #ffffff;
	font-family: 'Tajawal','Cairo', Aria,Tahoma;
	font-Size: 16px !important;	
	}
	
	
/* 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: #f2f5f7;
	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: #45767c;

    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: 'Open Sans Condensed', Arial, Verdana, sans-serif;
	font-size: 12px;
	padding-bottom: 8px;
	padding-left: 150px;
	padding-right: 150px;
	padding-top: 8px;
	width: 100%;
    vertical-align: middle;	
	
	}
	
.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;
/*width:900px !important;*/
height:28px;
padding-right:20px;
vertical-align: center;

}		
	
/*top Left logo*/	
.TopLeftLogo{
/*width:212px;
height:50px;*/

width:174px;
height:50px;

padding-left:10px;
}	

.ToolbarLogo{

/*width:77px;
height:50px;*/
width:auto;
height:50px;

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


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

width:auto;
height:50px;


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

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

width:auto;
height:50px;
padding-bottom:10px;
}


.QSContainer .dh2 { /* quick page top panel header */
	background-color: #727272;
	height: 60px;
	left: 0px;
	position: fixed;
	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: 10px;
	padding-right: 10px;
	position: absolute;
	top: 60px;
	width: 785px;
	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:#b2b2b2 !important;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	vertical-align: top;
	
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;	


	}	
	
.dhForget { /* panel header container */
	
	background:transparent !important;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	vertical-align: top;
	
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;	


	}	
	
.MainHD	{ 
	background:#8c9091 !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: 'Tajawal','Cairo', Calibri, Arial, Verdana, Georgia, sans-serif;
	font-Size: 25px !important;	
	font-weight: bolder;
	padding-left: 5px !important;
	padding-right: 5px !important;
	white-space: nowrap;
	}
	
	
.TitleRentDetails { /* panel header title text */
	color: #ffffff !important;
	font-family: 'Tajawal','Cairo', Calibri, Arial, Verdana, Georgia, sans-serif;
	font-Size: 16px !important;	
	font-weight: normal;
	padding-left: 10px !important;
	padding-right: 10px !important;
	white-space: nowrap;
	}	
	
	
.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;
}
/************************************************************************/
/*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                                                 *
 **********************************************************************/
.QDialog { /* quick popup container */ 
	background-color: #ffffff;
	border-radius: 4px;
	box-shadow: 0px 0px 6px #333333;
	left: 200px;
	margin: 0px;
	overflow: hidden;
	position: absolute;
	top: 120px;
	z-index: 1000;
	}

/***************************************************************************/	
	
.dialog_body, .dBody { /* panel content container (excludes panel header) */ 
	color: #555555;
	font-family: 'Tajawal',Arial, Verdana, Georgia, sans-serif;
	font-size: 12px;
	padding: 0px;
	text-align: left;
	align:center;
	}	
	
.dBodyForgetPassword { /* 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;
	border-bottom: 0px dotted #dddddd !important;
	color: #000000 !important;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px !important;
	font-weight: normal;
	padding-bottom: 10px !important;
	padding-left: 0.6px !important;
	padding-right: 0.6px !important;
	padding-top: 10px !important;
	text-align: left;/*left*/
	vertical-align: middle !important;

	}	

[dir="rtl"] .thc{
text-align: right;
}
	
.column_header a,
.column_header_scrolling a,
.tch a,
.tchs a { /* column header link text */
	color: #000000;
	cursor: pointer !important;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	font-weight: bold;/*normal*/
	text-decoration: none;	
	text-overflow:ellipsis;
	


	} 	
	
		
	
.thcEN { /* column header link text */
	background-color: #ededed !important;		
	border-bottom: 0px dotted #dddddd !important;
	color: #555555;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px !important;
	font-weight: normal;
	padding-bottom: 10px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 10px !important;
	text-align: left !important;
	vertical-align: middle !important;
	
    display:block;
    
	} 		
	
.thcAR { /* column header link text */
	background-color: #ededed !important;	
	border-bottom: 0px dotted #dddddd !important;
	color: #555555;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px !important;
	font-weight: normal;
	padding-bottom: 10px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 10px !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%;
	
	}

	
	
.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;
	}

.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:200px;
	padding-right:10px;
	float: right;
	}
.pHeaderR2 { /* page header security panel container */
	text-align: right;
	width: 500px;
	cursor:pointer !important;
	}	

	
.pHeaderR2Ar{ /* page header security panel container */
	text-align: left;
	width: 500px;
	cursor:pointer !important;
	}	
	
div.fixedHeaderBackground { /* wrapper of fixed header and scroll region */
	background-color: #fefefe; /* echo background color of thc */
    background-color:#ededed !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: 10px; /* fix header at 0px from top of div.fixedHeaderBackground */
	
	}	
	
.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;
}




.paymentLogo{

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


.tableCellLabel {/* 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-align: right;
	text-transform: none;
	vertical-align: middle !important;
	white-space: nowrap;	
	}
	
.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;	
	}
	
	
[dir="rtl"] .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: right;
	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;	
	}	
	
.tableCellValue { /* 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: 15px !important;
	padding-right: 15px !important;
	padding-top: 4px !important;
    display:flex;
     /*display:table-row;*/

	}
	

.tableCellValueBooking { /* 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: 15px !important;
	padding-right: 15px !important;
	padding-top: 4px !important;

     /*display:table-row;*/

	}

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

     /*display:table-row;*/

	}

.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 !important;
	font-family: 'Tajawal','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;
 
    

	}		

	
.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: 6px !important;
	padding-left: 2px !important;
	padding-right: 2px !important;
	padding-top: 4px !important;




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

	}		

	
.tableCellValueSmall-en { /* table cell field value text */
	color: #555555;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 14px !important;
	text-align: left !important;
	vertical-align: middle !important;
	padding-bottom: 6px !important;
	padding-left: 1px !important;
	padding-right: 1px !important;
	padding-top: 4px !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; 

	}
	
	
	
.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: #45767c !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: 20px !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: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 18px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
	
    height: 28px !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: 'Tajawal','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;
	}	
	
.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%;
	}	
	
/**** 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;


	
	}	
	
	
	
.ButtonsAlignmentForgetPassword { /* page buttons alignment */
	
	width:100% !important;	
	align:center !important;	
	text-align:center !important;	
	align-items: center !important;
	float:center !important;	

  	display: table;
  	margin: 0 auto;
	bottom:0px !important;
    
    padding-left:5%;
	padding-right:5%;
	
	}		
	
[dir="rtl"] .ButtonsAlignmentForgetPassword { /* page buttons alignment */
	   
    padding-left:10%;
	padding-right:0%;
	
	}		
/*****************Button********************/	
.button_link2 { /* 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_link2: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_print	{ /* 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: left;
	text-decoration: none;
	text-transform: uppercase;
	width: 100%;

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 );	
	
	
	
	-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;	
	}		
	
.button_link_print: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: left;
	text-decoration: none;
	/*text-transform: uppercase;*/
	width: 100%;

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 );	
	
	}				
	
.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: #45767c;
/*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: #45767c;
/*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;
	}		
/**************************************************/	
/*****************Filter********************/	
.button_link3 { /* link text of buttons */ 
	color: #555555 !important;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	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: #555555 !important;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 16px;
	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_renewalRent { /* link text of buttons */ 
    animation: blinker 1.7s cubic-bezier(.5, 0, 1, 1) infinite alternate !important;
	color: #F6F54D !important;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif !important;
	font-size: 18px;
	font-weight: normal !important;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: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;
	cursor: pointer !important;
	}		


@keyframes blinker { to { opacity: 0; } }
	
.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%;
	}		
	
	
.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: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',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: 2px 7px 2px 7px;
	text-decoration: none;
	/*text-shadow: 1px 1px 0px #ffffff;*/
	white-space: nowrap;
	
	}
	
.themeButton3:hover {
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );


	white-space: nowrap;
	}		





.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: #45767c;
	/*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: #45767c;
	/*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;
	}	

.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;
	vertical-align: middle;
	width: 97.7%;
	padding-right:0px !important;
	padding-left:0px;	
	display: block;
	margin: 0 auto;

	position:absolute ;	
	
	margin-top: -25px;	
	margin-left: 0px;
	margin-right: 0px !important;
	
/*	float:right !important;
	overflow: hidden;*/
	}		
	
	
.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;
	
	}			
	
.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;
	

	}


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


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

.dropdownMoreHigh {

	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:200px !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;

  display: inline-block;
	}

.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(55em * 0.5);
  
	}
	
	
	

	
.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;
}

/**************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*************/

/*****************TENANT HOME*****************/

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

}


.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 #45767c !important;
	
	max-width:200px !important;
	max-height:100px !important;
	
  /*  margin-right:20px;
	margin-left:20px;
*/
border-radius: 5px;
	}


.AdminHomeShapeToBeHide  { /* Home Page - Campaign */

	width: 200px !important;
    height: 100px !important;
    background: #ffffff !important;
	border:10px solid #45767c !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: #45767c !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:#45767c !important; 
	border-bottom: 2px solid #45767c;
	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:#45767c !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: 35px !important;
	color:#45767c !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;*/
  
	}	
.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;

	}		
		
/*****************Messages*****************/
.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;
	  


	}			
	
	
/********************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: #45767c;
background: -moz-linear-gradient(top,  #45767c 0%, #45767c 100%);
background: -webkit-linear-gradient(top,  #45767c 0%,#45767c 100%);
background: linear-gradient(to bottom,  #45767c 0%,#45767c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45767c', endColorstr='#45767c',GradientType=0 );
  
  color:#ffffff;
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 0px 0px #fff;
  font-weight: 10;
  font-size: 16px;
  font-family: 'Tajawal','Cairo','El Messiri',Arial, Verdana, Georgia, sans-serif;	
}
.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: 24px;
 
	border: 1px solid rgba(237,237,237,1.0);
	cursor: grab;
	color: #000000;
	font-family: 'Tajawal','Cairo',Arial, Verdana, Georgia, sans-serif;
	font-size: 20px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	vertical-align: top;	
	background-color:rgba(237,237,237,0.3);
	outline:none !important;

width:48px;
height:48px;


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

}

	
.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;
  
}


/*****************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: #45767c !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: #45767c 50% 50% repeat-x !important;
  text-align:center !important;
  font-weight: normal;
  color: #ffffff;
  align:center !important;
}
/*************End Popup***********/


.disabled-div {
    pointer-events: none !important; /* Disable user interactions */
    opacity: 0.5 !important; /* Dim the appearance */
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5); /* Semi-transparent */
    z-index: 9999; /* Ensure it sits above the content */
    pointer-events: all; /* Ensure that clicks go to this overlay */
}
/*******Blink text*********/

/*******End Blink Text*********/

/******************* 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;
  }
	}
	
/******************************************/