@font-face {
	font-family:'IRANSans';
	src:url('fonts/IRANSans.eot');
	src:url('fonts/IRANSans.woff') format('woff'),
	url('fonts/IRANSans.ttf') format('truetype'),
	url('fonts/IRANSans.woff2') format('woff2'),
	url('fonts/IRANSans.eot?#iefix') format('embedded-opentype');
}

@font-face {
	font-family:'IranNastaliq';
	src:url('fonts/IranNastaliq.eot');
	src:url('fonts/IranNastaliq.woff') format('woff'),
	url('fonts/IranNastaliq.ttf') format('truetype'),
	url('fonts/IranNastaliq.woff2') format('woff2'),
	url('fonts/IranNastaliq.eot?#iefix') format('embedded-opentype');
}

.login100-form-title *{
	font-family: IranNastaliq;
	line-height: 2.1;
  }

html {
    position: relative;
    height: 100%;
    width: 100%;
    direction: rtl;
}
*, body{
	font-size: 14px;
    font-family: 'IRANSans';
}
body {
    margin: 0;
    overflow-x: hidden;
    color: #020202;
    height: 100% !important;
    width: 100%;
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
    
	direction: rtl;
    text-align: right;
	
}

input{
	text-align: center; 
 }

.align-left{
    text-align: left;
}
.align-right{
    text-align: right;
}
.align-center{
    text-align: center;
}


.btn-blue{
	color: #fff;
	background-color: #2185d0;
}
.btn-teal{
	color: #fff;
	background-color: #00b5ad;
}
.btn-violet{
	color: #fff;
	background-color: #6435c9;
}
.btn-orang{
	color: #fff;
	background-color: #f2711c;
}
.btn-olive{
	color: #fff;
	background-color: #b5cc18;
}
.btn-brown{
	color: #fff;
	background-color: #a5673f;
}



.nav-item {
	border-left: 1px solid #eeeeee2e;
}

/* hr */
hr {
	margin: 1rem 0;
	color: inherit;
	background-color: currentColor;
	border: 0;
	opacity: 0.25;
	display: block;
	clear: both;
  }
  
 /* Dashed border */
 hr.dashed {
	border-top: 3px dashed #bbb;
  }
  
  /* Dotted border */
  hr.dotted {
	border-top: 3px dotted #bbb;
  }
  
  /* Solid border */
  hr.solid {
	border-top: 3px solid #bbb;
  }
  
  /* Rounded border */
  hr.rounded {
	border-top: 8px solid #bbb;
	border-radius: 5px;
  } 

  .filter {
	display: inline-block;
	width: auto !important;
	margin-left: 2px;
	margin-bottom: 5px;
  }

.spinner-border{
	display: none;
}
 
.card.danger{
	border-top: 2px solid #f00;
}
.card.warning{
	border-top: 2px solid #ff8f00;
}
.card.primary{
	border-top: 2px solid #0040ff;;
}

.card.info{
	border-top: 2px solid #00c3ff;;
}