@font-face {
	 font-family: 'GE SS Text Light';
	 src: url('fonts/GE SS Text Light.woff') format("woff"), url('fonts/GE SS Text Light.woff2') format("woff2"), url('fonts/GE SS Text Light.ttf') format("ttf");
	 font-weight: normal;
font-style: normal;
   }


	
	html,body{height:100%;background-color:#e7e7e7;margin:0px;}
	[v-cloak]{display:none}


	#app.langAR  .phone_number input{direction:ltr;text-align: right;}

	#app .v-file-input .v-input__icon--append-outer i.v-icon {color:rgb(159, 100, 102);}

	#app.langEN {font-family: 'Roboto', sans-serif;}
	#app.langEN .EN_Text{display:initial}
	#app.langEN .AR_Text{display:none!important}
	

	#app.langAR.v-application {font-family: "GE SS Text Light"!important;}
	#app.langAR .AR_Text{display:initial;font-family: "GE SS Text Light"!important;}
	#app.langAR .EN_Text{display:none!important}

	#app.langAR {direction:rtl}
	
	.v-list-item__title{font-family:roboto}

	.booths_plan{height:500px;}

	#app.langAR  .map_zoom_container {transform:rotate(180deg)}

	/*    Calculator   */
	.Calculator_Menu.v-autocomplete__content .v-select-list{width:480px}
	.v-autocomplete__content .v-select-list {max-width:100%}
	.v-autocomplete__content .v-list-item__action:first-child{margin-right: 3px;}


	/*            Map    */
	.map_zoom_container{position:absolute}
	#app.Map .map_zoom_container{position:fixed}	
 	#app.Map .booths_plan{width:100%;height:100%} 

	#plan_img_container *,#plan_img_container ,.v-menu__content,.v-menu__content *{
		-webkit-user-select: none;  
		-moz-user-select: none;    
		-ms-user-select: none;      
		user-select: none;
	}

/*  SVG  */

	@keyframes dash {
		0% { stroke-dashoffset: 100; }
		50% { stroke-dashoffset: 0; }
		100% {stroke-dashoffset: 100; } 
		
	  }

	.SVG_Booth{fill:transparent}
	.x_in_Booth{stroke:#FFFFFFC4;stroke-width: 2px;;stroke-width: 1.5 px;stroke-linecap:round;transform-box: fill-box;transform:scale(0.75) ;transform-origin:50% 50%; }
	.SVG_Booth:hover{fill:rgb(159, 100, 102,0.4)}
	.SVG_Booth.selected{fill:rgb(159, 100, 102,0.4);stroke:rgb(159, 100, 102);stroke-dasharray:2 2;stroke-dashoffset: 90;animation: dash 30s linear forwards infinite; }
	.SVG_Booth.Prime.selected{fill:rgba(134, 57, 57, 0.4);stroke:rgb(255, 255, 255)}
	.SVG_Booth.reserved {fill:rgba(61, 61, 61, 0.3);}

	#checked_before .v-label {color:white}
	

	
#intro{display:flex;background-color:white;width:100%;height:100%;overflow:hidden}
	
#intro #introWindow{position:relative;max-width:100%;width:520px;height:340px;background-color:white;border-radius:0px;margin:auto;overflow:hidden;box-shadow: 0px 0px 5px 0px rgba(0,0,0,.25);}
	
#intro #footer {position:absolute;bottom:0px;text-align:center;box-sizing: border-box;height:34px;background:#636363;color:white;line-height:34px;padding-left:10px;width:100%}
	
#intro .logo{display: block;margin: auto;margin-top:30px;width:80px}
	
#intro #loading {text-align:center;}
	

	
@media only screen and (max-width: 768px) {
	
    #intro #introWindow{width:100%;height:100%;background-color:white;box-shadow: none;display:flex;flex-direction:column;justify-content:center;align-items:center}
	
    #intro .logo{height:30%;width:auto;padding-top:10%}
	
} 
	

	
#intro .loader {
	
top:30px;position:relative;
	
border: 3x solid white; /* Light grey */
	
border-top: 3px solid #a36668; 
	
border-radius: 50%;
	
width: 100px;
	
height: 100px;
	
animation: spin 6s linear infinite;
	
}
	

	
#intro #loading{  animation: antiSpin 6s linear infinite;position:relative;top:40px;text-align:center}
	

	

	
@keyframes antiSpin {
	
0% { transform: rotate(1080deg); }
	
100% { transform: rotate(0deg); }
	
}
	

	
@keyframes spin {
	
0% { transform: rotate(0deg); border-top: 4px solid #a36668; }
	
33% { transform: rotate(360deg); border-top: 8px solid #f9a91c; }
	
66% { transform: rotate(720deg); border-top: 6px solid #3c5170; }
	
100% { transform: rotate(1080deg); border-top: 4px solid #a36668; }
	

	
}
	

	
@keyframes dotAnimation {
	
0% { content:''; }
	
33% { content:'';}
	
66% {content:''; }
	

	
}
	
#intro #dots:after{
	
content:"";
	
animation: dotAnimation 2s linear infinite;
	
}
	

	


#app {
    background-color: #fbfbfb;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
    border-radius: 4px;
    padding: 5%;
    max-width: 1000px;
    margin:20px auto;
  }

  #app.Map {
    background-color: white;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
    border-radius: 4px;
    padding: 0%;
    max-width:100%;
    width:100%;
    margin:0px;
    height:100%;
  }

  .mirzaamLogo{
    width:50%;
    max-width:300px;
    margin:20px auto;
  }



  #mirzaam2025-plan {max-height:100vh;overflow:hidden}





.pageTitle {
    text-align:center;
    margin:15px;
  }

  .pageTitle  div{ 
    display:inline-block;
    border:1px inset #252d43;
    border-radius:4px;
    padding:10px;
  color:#252d43;
  text-shadow: 0px 1px white;
  }
 #selectCategories .v-select__selections{margin-top:10px}
 
 .v-autocomplete__content .theme--light.v-subheader {
     color:#252d43;
     font-size:100%;
     font-weight:bold
   }
 
 
   .v-autocomplete__content  .v-list-item.v-list-item--link {
     display:inline-flex; 
     border: 1.5px solid #d9d9d9;
     border-radius: 20px;
     margin: 2px 2px;
     background-color:white
   }
 
   .v-autocomplete__content .v-list-item--link::before{border-radius: 20px;
     border: 1px solid #a87274;}
 
 
     .theme--light.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled) {
       box-shadow: 2px 2px 2px rgba(221, 221, 221, 0.5);
     }
 
 
     .v-autocomplete__content .theme--light.v-list {background: #fbfbfb}
     .v-divider{margin-top: 5px;margin-bottom: 5px;}
 
    .v-application  .v-autocomplete__content .v-list-item__avatar:first-child{margin:0px}