@font-face {
  font-family: Vazir;
  src: url(../font/Vazir.ttf);
}
@font-face{
    font-family:Comfortaar;
    src: url('../font/Comfortaa-Regular.ttf');
}
@font-face{
    font-family:Vazir-Code-Extra-Height-FD;
    src: url('../font/Vazir-Code-Extra-Height-FD.ttf');
}
@font-face{
    font-family:UbuntuCondensed-Regular;
    src: url('../font/UbuntuCondensed-Regular.ttf');
}

* {
    margin: 0px ;
    padding: 0px;
    border:0px ;
    font-family: Vazir;
    
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently*/    
  }

html, body{
    background-color:#fcfcfc;
    width:100%;
    height:100%;
    overflow-y:hidden;
}

p {
  text-align:justify;
  margin-bottom:20px;
  font-size:14px;
}

.section {
   margin-bottom:20px;
}

.btn {
}

.email {
	margin-top:5px; 
	background-color:white; 
	border-radius:10px;
	padding:10px;
}

.emailaddress {
/*	border:1px solid blue;*/
	padding:5px;
	border-radius:5px;
	display:inline-block;
	 align-items: center;
	 justify-content: center;
}


.ripple-btn-js {
  position: relative;
  overflow: hidden;
  padding: 12px 24px;
  background: #FFFFFF;
  color: black;
  border-radius: 15px;
/*  cursor: pointer;*/
}

.ripple {
  position: absolute;
  border-radius: 50%;
  background: #dcdcdc;/*rgba(220,220,220,0.4);*/
  transform: scale(0);
  animation: ripple-effect 500ms linear;
  pointer-events: none;
}

@keyframes ripple-effect {
  to {
    transform: scale(20);
    opacity: 0;
  }
}



 .logo-container {
 	display:flex;
 }
 
 .main-container{
    min-height:calc( 65% - 58px );  
    height:calc( 65% - 58px ); 
 }
 
 .actionbar-content{
	 display:none;
 }
 
 
@media only screen and (min-width: 481px) {
 .logo-container {
 	display:none;
 }
 
 .actionbar-content{
	 display:flex;
	 direction:rtl;
 }
 
 .main-container{
    min-height:calc( 100% - 58px );  
    height:calc( 100% - 58px ); 
 }
}