@font-face {
  font-family: Vazir;
  src: url('../fonts/vazirmatn.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: VazirFD;
  src: url('../fonts/vazirmatn-fd.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: VazirBold;
  src: url('../fonts/vazirmatn-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

body{background: #F4F4F4;margin: 0;padding: 0;font-family:Vazir,Tahoma,Arial;font-size:13px;font-weight: normal;}
.wrapper {-webkit-box-shadow: 0 22px 65px 0 rgba(0,0,0,.25);
box-shadow: 0 22px 65px 0 rgba(0,0,0,.25);border-radius: 5px;width:90%;max-width:400px; margin: 20px auto;}
.alert{display: block;	background-color:#FFF;color:#0099FF;margin-bottom:5px;border-radius:5px;padding: 10px;text-align:center;font-weight:bold;}
h1 {color: #005B9F;}
h2 {color: #FF0415;}
h3 {color: #005B9F;}
.btn {border: 1px solid #4cae4c;text-decoration:none;color: #fff;background-color: #5cb85c;padding: 5px 10px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;font-family: Vazir,Tahoma,Arial;font-size: 13px;direction: rtl;}
.btn:hover {color: #fff;background-color: #449d44;border-color: #398439;}
.m20 {margin:20px auto;}