.x_in_Booth {

    display: none!important;

}	 

	@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%; }

	.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:10%;width:100%;padding-top:10%}*/

    #intro .logo{display: block;margin: auto;margin-top:30px;width:250px}





	

} 





	

#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 #ea6677 }





	

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





	

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





	

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





	







	

}





	







	

@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}