myactive {
   background:rgba(255,255,255,.1);
}

 

/*charset "utf-8";
/* CSS Document */

.directdebitcolor {
    background:#c57de1; border: 1px solid #c57de1;
}  

.directdebitcolor2 {
    color:#c57de1;  
}  


#working{ display: none; margin-right:10px; }
			#msg{ display:block; margin-right:10px; }
			#trigger{ cursor: pointer; }
			
			#wrapper {
			display: none;
			}
			
			#preloader {             
			top: 0; right: 0px;
			position:absolute;
			z-index:3331000;
			width: 100%; height: 100%;
			opacity:0.9;
			background-color: #000000;
			cursor: wait;
			text-shadow: 0px 1px 0px #fefefe;                   
			}
			
			#loading {
			  width: 100%;
			  height: 100%;
			  top: 0px;
			  left: 0px;
			  position: fixed;
			  display: none;
			  opacity:0.9;
			  background-color: #000000;
			  z-index: 2298;
			  text-align: center;
			}
			
			#loading-image {
			  position: absolute;
			  top: 25%;
			  left: 40%;
			  z-index: 100;
			}
			#loading-text {
			  position: absolute;
			  top: 38%;
			  left: 40%;
			  z-index: 100;
			  font-size:13px;
			  color:#FFF; font-family:"Trebuchet MS",Tahoma, Arial, Helvetica, sans-serif;
			}
			
			#loadingneg {
			  width: 100%;
			  height: 100%;
			  top: 0px;
			  left: 0px;
			  position: fixed;
			  display: none;
			  opacity:0.9;
			  background-color: #000000;
			  z-index: 2299;
			  text-align: center;
			}
			
			#loadingneg-text {
			  position: absolute;
			  top: 25%;
			  left: 35%;
			  height:25%;
			  padding:10px;
			  border-radius: 6px;
			  width:30%;
			  background-color:#E50012;
			  z-index: 100;
			  font-size:13px;
			  color:#FFF; font-family:"Trebuchet MS",Tahoma, Arial, Helvetica, sans-serif;
			}
			
			#loadingpos {
			  width: 100%;
			  height: 100%;
			  top: 0px;
			  left: 0px;
			  position: fixed;
			  display: none;
			  opacity:0.9;
			  background-color: #000000;
			  z-index: 2299;
			  text-align: center;
			}
			
			#loadingpos-text {
			  position: absolute;
			  top: 25%;
			  left: 35%;
			  height:22%;
			  padding:10px;
			  border-radius: 6px;
			  width:30%;
			  background-color:#4E724E;
			  z-index: 100;
			  font-size:13px;
			  color:#FFF; font-family:"Trebuchet MS",Tahoma, Arial, Helvetica, sans-serif;
			}
			
			@media screen and (max-width: 480px) {
				#loadingneg-text { width:80%; left: 10%;}
				#loadingpos-text { width:80%; left: 10%;}
				#loading-text {left: 15%; }
				#loading-image { left: 15%;}
				#syslogin { top:120px; }
				#recoverPass { top:120px; }
			}

#add-on-red{color:#FFF; height:auto; width:85px; background:#C09718; border:none; text-align:left }
#add-on-blue{color:#FFF; height:auto; width:85px; background:#71A0E1; border:none; text-align:left }
#add-on{color:#000; height:auto; width:85px; background:#E7F0E1; border:none; text-align:left }
#add-green{color:#000; height:auto; width:85px; background:#7FFF00; border:none; text-align:left }
#add-under{color:#000; height:auto; width:85px; background:#E7F0E1; border:none; text-align:end }
#add-on-white{color:#000; height:auto; width:85px; border:none; background:#FFF; vertical-align:bottom; text-align:left }
#smallimg { padding:4px; background:#8AC38B; border-radius:13px;}
#shwMsgMain:after {
			  content: "\f071"; 
			  font-family: FontAwesome;
			  font-style: normal;
			  font-weight: normal;
			  text-decoration: inherit;
			  position: absolute;
			  font-size: 20px;
			  color: #8C2328;
			  top: 14px;
			  left: 20px;
			  margin: 0px 0 0 0px;
			  z-index: 1;
			}