@font-face {
    font-family: 'badael';
    src: url('fonts/badael.eot');
    src: url('fonts/badael.eot?#iefix') format('embedded-opentype'),
         url('fonts/badael.woff') format('woff'),
         url('fonts/badael.ttf') format('truetype'),
         url('fonts/badael.svg#badael') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-']:before{
	display: inline-block;
   font-family: 'badael';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.icon-user:before{content:'\0041';}
.icon-lock:before{content:'\0042';}
.icon-user-circle:before{content:'\0043';}
.icon-Badael_logo:before{content:'\0044';}
.icon-PIF_logo:before{content:'\0045';}
.icon-sign-out:before{content:'\0046';}
.icon-arrow-right:before{content:'\0047';}
.icon-arrow-left:before{content:'\0048';}
.icon-arrow-square-right:before{content:'\0049';}
.icon-arrow-square-left:before{content:'\004a';}
.icon-eye:before{content:'\004b';}
.icon-eye-slash:before{content:'\004c';}
.icon-home:before{content:'\0055';}
.icon-po:before{content:'\0056';}
.icon-list:before{content:'\0059';}
.icon-locked:before{content:'\005a';}
.icon-search:before{content:'\0063';}
.icon-view:before{content:'\0064';}