@font-face {
    font-family: 'LatoRegular';
    src: url('fonts/Lato-Reg-webfont.ttf') format('truetype');
    src: url('fonts/Lato-Reg-webfont.eot'),
         url('fonts/Lato-Reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-Reg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}  

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

@font-face {
    font-family: 'IRANSansWeb';
    src: url('fonts/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} 

@font-face {
    font-family: 'IRANSansWeb';
    src: url('fonts/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
} 

@font-face {
    font-family: 'BYekan';
    src: url('fonts/b_yekan.ttf') format('truetype');
    src: url('fonts/b_yekan.eot'),
         url('fonts/b_yekan.eot?#iefix') format('embedded-opentype'),
         url('fonts/b_yekan.woff') format('woff');
    font-weight: normal;
    font-style: normal;
} 
 
body, button, table, td, th, textarea, tr, .btna, p {
    direction: rtl;
    text-align: right;
}

body { 
    font-family: 'IRANSansWeb', 'LatoRegular';
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'IRANKharazmi', 'LatoRegular';
}

.ltr {
    direction: ltr;
    text-align: left;
}

.rtl {
    direction: rtl;
    text-align: right;
} 

.ldir {
    direction: ltr;
}

.space-1 {
	padding: 1px;
}

.space-2 {
	padding: 2px;
}

.space-3 {
	padding: 3px;
}

.space-4 {
	padding: 4px;
}

.space-5 {
	padding: 5px;
}

.space-6 {
	padding: 6px;
}  
.space-7 {
	padding: 7px;
}

.space-8 {
	padding: 8px;
}

.space-9 {
	padding: 9px;
}

.space-10 {
	padding: 10px;
}  

input[type=password], input[type=number], input[type=text], select, textarea {
    font-size: 14px !important;
}

.close {
    position: absolute;
    right: auto !important;
    top: auto !important;
    left: 10px !important;
    font-size: 25px !important;
    color: #000 !important;
    font-weight: bold !important;
}
[data-notify="container"] {
    padding-left: 35px;
}

[data-notify="progressbar"] {
	margin-bottom: 0px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 3px; 
    border-radius: 0 0 5px 5px;
    opacity: 0.65;
}
.nav-tabs li {
	float: right;
} 

.nav-tabs {
	padding: 0;
}

.nav-tabs li a {
	margin: 0;
}
.btn {
   font-size: 14px !important;
}

.displayNone{
    display: none;
}

.displayNoneForce{
    display: none !important;
}

.tagCenter {
    margin: auto;
} 
.plaqueBox {
    max-width: 360px; 
    border: 1px solid #bbb;  
    padding: 0px; 
    border-radius: 4px !important;
}

.plaqueBox table td {
    padding: 1px;
}

.plaqueBox #p1, .plaqueBox #p4 {
    max-width: 80px !important;
}

.plaqueBox #p3 {
    max-width: 90px !important;
}

.plaqueBox #p2 {
    max-width: 80px !important;
    min-width: 70px !important;
}

.plaqueBox .flag {
    max-height: 50px;
    border-radius: 2px;
}

.plaqueBox .iran {
     height: 10px; 
}

.plaqueBox .plaque-flag {
    max-height: 50px;
    border-radius: 2px;
}

.plaqueBox-user #p1, .plaqueBox-user #p2, .plaqueBox-user #p3, .plaqueBox-user #p4 {
    font-size: 17px !important;
}

.chargeArrowColor {
    color: green;
}

.dechargeArrowColor {
    color: red;
}

.transferArrowColor {
    color: blue;
}