
.label {
    white-space: normal;
}

 
.clickable {
    cursor: pointer;
}
 
 .activation {
 text-align:"center";
 border-style: none; 
 padding: 4px;
 margin: 0px;
 height: auto;
 width:100%;  
   
 font-family: Verdana; 
 font-size: xx-large; 
 color: #FFFFFF;
      
 }

.ezi-activation .panel-info {
margin-right: 0px;
margin-left: -15px;

} 

.gettingstarted .panel-info li{
  padding: 2px 4px;
}
 
.activation table{
background-color: #359e82;
border-collapse: separate;
border-spacing: 0px 6px;
margin-right: 0px;
margin-left: -15px;
width : 100%;
}





.activation input{
color: #000;
}

.activation button{
color: #000;
}



.activation .eziwash-topup  {

border-spacing: 0px 0px;

}

.activation .card_details {
	
	font-size: large;
    color: #dad2d2;
}	



.activation .btn {
width:98%;
cursor: pointer; 
font-weight:bold; 
height: 80px; 
font-size: x-large;
border-radius:15px;
margin-bottom: 5px;
margin-top: 5px;

box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);


}

span.glyphicon.glyphicon-info-sign {

color: #e4dfc8;
text-shadow: rgb(46, 46, 46) 0px 4px 5px;
top:5px;

}

span.glyphicon.glyphicon-gift {

color: #e4dfc8;
text-shadow: rgb(46, 46, 46) 0px 4px 5px;
top:5px;

}




#infobox.modal {
width:90%;
left: 5%;


}



.activation .btn:hover {
color: #359e82;
}


#processing{
      display:none;  
      position:absolute;
    } 

input#username, input#password, input#x_user_email,input#x_user_check_email, input#x_user_password, input#c_user_password, input#x_user_name,input#x_user_phone, input#email    {
font-size:16px;

}	
	
.spinner {
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%; /* Rounds out the halo */
    opacity: .7; /* Some subtle opacity to help blend with variable background colors */
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {    
font-weight: bold; 
}


.navbar-header {
  font-size: 18px;
  color: #fff;
  background-color: #191919;
  text-shadow: none;
  height: 50px;
  }

  .navbar-inverse .navbar-toggle {
  
  border-color: #fff;
  border-width: 2px;
  padding: 4px 5px; 
  
   
}

.navbar-inverse .navbar-toggle .icon-bar {
 display:none;
 
}

.navbar-inverse .navbar-toggle::before {
  
 content:"Menu";
 font-weight:bold;


   
}


 .navbar-inverse .navbar-toggle:active {
    -webkit-transform:scale(0.95); 
    -moz-transform:scale(0.95); 
    -ms-transform:scale(0.95); 
    -o-transform:scale(0.95); 
    transform:scale(0.95); 
    cursor: wait;
	
	border-color: #359e82;

}

html {
    -webkit-tap-highlight-color: #359e82;
}

  
.navbar-inverse .navbar-brand {
  font-size: 18px;
  font-weight: bold;
  border-bottom: 0px solid #fff;

  display: inline-block;
  color: #8E8E8E;
  text-shadow: none;
  padding-top: 20px;
  padding-bottom: 20px;
    
}

.navbar-inverse .navbar-nav li a:active {

-webkit-transform:scale(0.98); 
    -moz-transform:scale(0.98); 
    -ms-transform:scale(0.98); 
    -o-transform:scale(0.98); 
    transform:scale(0.98); 
    cursor: wait;


} 


 .navbar-inverse .navbar-nav li a, .navbar-inverse .nav li a:hover {
                font-size: 1.6em;
                padding-top: 15px;
                padding-bottom: 15px;
                text-shadow: none;
                background: none;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                
                
background-image: linear-gradient(to bottom, #DFDDE6 32%, #F5F5F5 100%);
                
                
               
                opacity: .9;
                font-weight: 600;
				
				
                
}



#ewMobileMenu .navbar-nav a:hover,#ewMobileMenu .navbar-nav .active a  {
              
   background: #0099CC;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   color: #fff;
   opacity: 1;
  
}



span.icon-arrow-down {

font-weight: bold;

}

 
 

ul.nav li.dropdown:hover ul.dropdown-menu {
    /* ... */
    border-top: 1px solid #fff;
    border-bottom : 1px solid #fff;
   
	
}


#ewMobileMenu .dropdown-menu li a {
   color: #337ab7;  
   padding-top: 20px;
   padding-bottom: 20px;

}


.navbar-collapse.in {
  overflow-y: visible;
}

/**

.navbar-inverse .dropdown-menu  li a::after {
content:"\25b6";
float:right;

} 

**/


/**** Icons *****/

#mmci_Getting_Started a::after {

font-family:'Glyphicons Halflings';
content: "\e021";
float: right;
font-size: 18px;
}

#mmci_My_Account a::after {
font-family: 'Glyphicons Halflings';
content: "\e008";
float: right;
font-size: 18px;

}

#mmci_Admin a::after {
font-family:'Glyphicons Halflings';
content: "\e019";
float: right;
font-size: 18px;

}

#mmci_More_Information a::after {
font-family:'Glyphicons Halflings';
content:"\e086";
float: right;
font-size: 18px;

}

#mmci_Reports a::after {
font-family:'Glyphicons Halflings';
content:"\e022";
float: right;
font-size: 18px;

}

#mmci_Find_a_Machine a::after {
font-family:'Glyphicons Halflings';
 content:"\e003";
float: right;
font-size: 18px;

}




.navbar-inverse  a.ezi-topup::after { 
 content: "\e148";
   font-family: 'Glyphicons Halflings';
  font-size:18px;
  float:right;
}

.navbar-inverse  a.ezi-gift::after { 
   content: "\e102";
   font-family: 'Glyphicons Halflings';
   font-size:18px;
   float:right;
}

.navbar-inverse  a.ezi-dryer::after { 
   content: "\e104";
   font-family: 'Glyphicons Halflings';
   font-size:18px;
   float:right;
}

.navbar-inverse  a.ezi-washer::after { 
   content: "\e031";
   font-family: 'Glyphicons Halflings';
   font-size:18px;
   float:right;
}

.navbar-inverse  a.ezi-search::after { 
   content:"\e003";
   font-family: 'Glyphicons Halflings';
   font-size:18px;
   float:right;
}

.navbar-inverse  a.ezi-start::after { 
  content: "\e021";
   font-family: 'Glyphicons Halflings';
   font-size:18px;
   float:right;
}

.navbar-inverse  a.ezi-tools::after { 
  content: "\e136";
   font-family: 'Glyphicons Halflings';
   font-size:18px;
   float:right;
}

.navbar-inverse  a.ezi-team::after { 
  content: "\e008";
   font-family: 'Glyphicons Halflings';
   font-size:18px;
   float:right;
}

.navbar-inverse  a.ezi-money::after { 
  content: "\e148";
   font-family: 'Glyphicons Halflings';
   font-size:18px;
   float:right;
}



#ewMobileMenu .open>a, #ewMobileMenu .open>a:hover, #ewMobileMenu .open>a:focus {
  font-size:18px;
  background: #000;
  color: #fff; 
  
}


.gly-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}



/* Key Colours */ 

.ewContentColumn {
    background-color: #cfdee2; 
}

body {
   color: #710101;	
}	

.panel-warning>.panel-heading {
    background-image: -webkit-linear-gradient(top, #FCF8E3 0%, #eccf46 100%);
    background-image: -o-linear-gradient(top, #FCF8E3 0%, #eccf46 100%);
    background-image: linear-gradient(to bottom, #FCF8E3 0%, #eccf46 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFCF8E3', endColorstr='#eccf46', GradientType=0);
}

.panel-warning {
    border-color: #edd251;
}








.form-control {
    
    border: 1px solid #710101;
   
}



.panel {
 
    background-color: #fffcec;
 
}

/* End Key Colours */ 

.tour_table {
    background-color: #fff;
	border: 2px solid sienna;
	border-radius: 4px ; 
	padding: 10px 10px 10px 10px ;
	border-collapse: separate ;
	
}

