#materialModal{
				font-family:Noto Kufi Arabic;
				color:#222;
				position: fixed;
				top:0px;
				left:0px;
				width:100%;
				height:100%;
				background:rgba(0,0,0,0.5);
				display:table;
				z-index:1000;
			}
			#materialModalCentered{
				display:table-cell;
				vertical-align:middle;
			}
			#materialModalContent{
        text-align:right;
				padding:10px;
				position:relative;
				background:white;
				max-width:300px;
    
        margin:5px;
				min-height:150px;
				margin:auto;
				box-shadow:0px 10px 20px 0px rgba(0,0,0,0.4);
				box-sizing:border-box;
			}
			#materialModalTitle{
				margin:10px;
				font-weight:bold;
				font-size:18px;
			}
			#materialModalText{
				margin:10px;
				margin-bottom:40px;
			}
			#materialModalButtons{
				width:calc(100% - 20px);
				position:absolute;
				bottom:0px;
			}
			.materialModalButton{
				margin:10px;
				font-weight:bold;
				cursor:pointer;
				text-align:center;
				float:left;
				text-transform:uppercase;
				padding:10px;
			}
			#materialModal.hide{
				opacity:0;
				transition:opacity 0.2s ease-out;
				pointer-events:none;
			}
			#materialModal.hide #materialModalCentered{
				transform:scale(0);
				transition:transform 0.2s ease-out;
			}
			#materialModal.show{
				opacity:1;
				transition:opacity 0.2s ease-in;
			}
			#materialModal.show #materialModalCentered{
				transform:scale(1);
				transition:transform 0.2s ease-in;
			}