@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:100vh;background-color: #ffffff;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%} 

/*  SVG  */

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

	.SVG_Booth{fill:transparent}
	/*.x_in_Booth{stroke:rgba(0,0,0,.5);stroke-width: 1.5 px;stroke-linecap:round;transform-box: fill-box;transform:scale(0.75) ;transform-origin:50% 50%; }*/
Hide the X lines inside booths (even if generated elsewhere) 
.x_in_Booth {
  display: none !important;
  opacity: 0 !important;
  stroke: transparent !important;
}

	.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:rgb(255, 255, 255,0.4);stroke:rgb(255, 255, 255)}
	/* .SVG_Booth.reserved {fill:rgba(61, 61, 61, 0.3);} */


	



	
#intro{display:flex;background-color:#d8cdb9;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:240px}


	
#intro #loading {text-align:center;color:#3e5271;}


	



	



	
@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 #b86c18; }


	
33% { transform: rotate(360deg); border-top: 8px solid #345274; }


	
66% { transform: rotate(720deg); border-top: 6px solid #d8cdb9; }


	
100% { transform: rotate(1080deg); border-top: 4px solid #b86c18; }


	



	
}


	



	
@keyframes dotAnimation {


	
0% { content:''; }


	
33% { content:'';}


	
66% {content:''; }


	



	
}


	
#intro #dots:after{


	
content:"";


	
animation: dotAnimation 2s linear infinite;


	
}


	



	


#app {
    background-color: white;
    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;
  }






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

  .pageTitle  div{ 
    display:inline-block;
    border:1px groove #b86c18;
    border-radius:4px;
    padding:10px;
  color:#b86c18
  }
 #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}