body {
	background-image: url('../img/stripe_bg.png') !important;
}

div#homePage img[title="CUIB"] {
	display: block;
	margin: 45px auto 0 auto !important;
}
/*SIGN IN / SIGN UP*/
div#SignUp {
	display: none !important;
}
div#SignUp.show {
	display: block !important;
}
/*LOGGED IN USER INFO*/
div#userInfo {
	display: block !important;
	position: relative !important;
	text-align: center !important;
	color: #FFF !important;
	margin-bottom: 10px !important;
	padding: 2px;
	width: 100% !important;
	min-height: 0 !important;
	overflow: hidden;
	background-color: #0066BF;
	border-top: 4px solid #0066BF;
	border-bottom: 1px solid #0066BF !important;
	z-index: 99;
}
div#userInfo a {
	color: #FFF !important;
}
div#userInfo a:hover {
	color: #FFF !important;
}
div#userInfo div:first-child span {
	font-weight: bold !important;
}
div#userInfo p#Language {
	margin-bottom: 0 !important;
}
div#userInfo p#Language a img {
	margin-left: 50px !important;
	width: 20px !important;
}
/*TOP BAR*/
div#topBar {
	display: block;
	position: fixed;
	padding: 3px 0;
	width: 100%;
	background-color: #0066BF;
	top: 0;
	z-index: 99;
}
body#applicationCompleted div#userInfo {
	background-color: #008000 !important;
	border-top: 4px solid #008000 !important;
	border-bottom: 1px solid #008000 !important;
}
/*PAGE TITLES*/
h3.pageTitle {
	font-weight: bold !important;
	color: #008000 !important;
	text-align: center !important;
}
h3.pageTitle i.fa-thumbs-up {
	display: block;
	margin-bottom: 10px !important;
}
h4.pageTitle {
	font-weight: bold !important;
	color: #0066BF !important;
	text-align: center !important;
}
h4.pageTitle.momo {
	color: #ffc311 !important;
}
h4.pageTitle.om {
	color: #e17802 !important;
}
h4.pageTitle.ECOBANK {
	color: #005B82 !important;
}
h4.pageTitle.BICEC {
	color: #004684 !important;
}
h4.pageTitle.NFC {
	color: #FE0002 !important;
}
h4.pageTitle.SGC {
	color: #F01B3B !important;
}
/*PAGE NAVIGATION BUTTONS*/
div#navigationBtn button {
	display: block;
	background-color: #0066BF;
	padding: 5px;
	width: 100%;
	text-align: center;
	color: #FFF;
	border: none;
	outline: none;
}
div#navigationBtn a {
	display: block;
	background-color: #800000;
	padding: 5px;
	width: 100%;
	text-align: center;
	color: #FFF;
	border: none;
	outline: none;
}
div#navigationBtn button:hover {
	background-color: #008000;
}
div#navigationBtn a:hover {
	background-color: #0066BF;
}
/*LOGIN/SIGN UP PAGE*/
form#loginForm button[type="submit"].btn.btn-success,
form#SignUpForm button[type="submit"].btn.btn-success {
	width: 100% !important;
}
form#loginForm #forgotPassword {
	padding-top: 15px !important;
}
form#loginForm #forgotPassword a {
	text-align: right !important;
}
/*PAYMENT METHOD PAGE*/
div#paymentMethods p,div#paymentMethod p {
	text-align: center !important;
}
div#paymentMethods a img{
	height: 20px !important;
}div#paymentMethods a img[src="../assets/img/momo.png"]{
	height: 40px !important;
	margin-bottom: 5px !important;
}div#paymentMethod a img{
	height: 40px !important;
}div#paymentMethod a img[src="../assets/img/momo.png"]{
	height: 40px !important;
}
/*MoMo PAGE*/
b#momoTel {
	display: inline-block;
	min-height: 12px;
	overflow: hidden;
	margin-bottom: 10px;
}
b#momoTel i {
	color: #ffc311 !important;
}
/*LANGUAGE PAGE*/
div#langPage h3,
div#langPage h4 {
	text-align: center !important;
	color: #0066BF;
}div#langPage h3 {
	margin-bottom: 30px;
}
div#langPage h4 {
	text-align: center !important;
	color: #000;
}div#langPage h5 {
	text-align: center !important;
	margin-bottom: 25px;
	text-transform: italic !important;
	color: #333;
}
div#langPage p#Language {
	text-align: center !important;
}
div#langPage p#Language a {
	display: inline-block !important;
	margin-right: 25px !important;
	width: 75px !important;
}
div#langPage p#Language a:last-child {
	margin-right: 0 !important;
}
div#langPage p#Language a[href="#"] {
	opacity: .2 !important;
	cursor: not-allowed;
}
div#langPage p#Language a:hover,
div#langPage p#Language a[href="#"]:hover {
	border: none !important;
	outline: none !important;
	-moz-outline: none !important;
}
div#langPage p#Language img {
	height: 50px !important;
}div#langPage img[title="CUIB"] {
	display: block;
	margin: 15px auto 0 auto !important;
}
div#langPage p#Language a[href="#"] img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
div#langPage p#Language span {
	display: block !important;
	color: #333 !important;
	display: none !important;
}
div#langPage p#Language a:hover span {
	color: #0066BF !important;
	display: block !important;
}
div#langPage p#Language a[href="#"]:hover span {
	color: #333 !important;
}


/*APPLICATION COMPLETED*/
body#applicationCompleted table {
	background-color: #FAFAFA;
}
#refererDiv{
	display:none;
}
/*MTN ONLINE PAYMENT*/
div.lds-css.ng-scope{
	display: none !important;;
	display: block;
	position: absolute;
	width: 100%;
	height: 100vh;
	left: 0;
	top: 0;
	z-index: 9999999;
}div.lds-css.ng-scope.loading{
	display: block;
}div.loading #spinner,div.loading #status{
	margin: 0 auto;
}div.loading #status p{
	color: #FFF !important;
}div.loading#MTN{
	background-color: rgba(255,195,17,0.95)
}

/*SUMMARY PAGE*/
@font-face { 
    font-family: IDAutomationHC39M;  
    src: url(../fonts/IDAutomationHC39M.woff);
}p#barCode font{ 
    font-family: IDAutomationHC39M !important;
	text-align:center !important;
	margin-top:50px !important;
	margin-bottom:10px !important;
	color: #0066BF !important;
}p#barCode {
	display:block !important;
	position:relative !important;
	text-align:center !important;
	margin-bottom:30px !important;
	margin-top:20px !important;
	font-size:12px !important;
}