@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700, regular, bold);

 /* body {

      font: 20px 'Open Sans', sans-serif;
      line-height: 20px;
      color: #f5f6f7;
      background: url("../img/bg-black.jpg");
      background-image: url("../img/bg-black.jpg");
	  background-attachment: fixed;
	  background-size:contain;
	  height: 100%;
	  width: 100%;

  }*/
  
  body {

      font: 20px 'Open Sans', sans-serif;
      line-height: 20px;
      color: #f5f6f7;
      background: #FFFFFF;
      /*background-image: url("../img/stardust.png");*/
      background-repeat: repeat-x repeat-y;

  }

  p {font-size: 16px;}
  
  a {
	  font: 12px 'Open Sans', sans-serif;
	  color: #555555;
  }
  
  a:hover {
	  
	  color: #555555;
	  cursor: pointer;
  }

  .margin {margin-bottom: 45px;}

  .bg-1 { 

      background-color:rgba(0 0 0 0,7) /* Light Gray */
      color: #000000;

  }

  .bg-2 { 

      background-color: #474e5d; /* Dark Blue */

      color: #ffffff;

  }

  .bg-3 { 

      background-color: #ffffff; /* White */

      color: #555555;

  }

  .bg-4 { 

      background-color: #f6f6f6; /* Black Gray */

      color: #000000;

  }

  .container-fluid {
	  
	  
  	  margin: 0 auto;
      padding-top: 70px;
      padding-bottom: 70px;
      max-width: 600px;

  }

  .navbar {

    padding-top: 5px;
	padding-bottom: 30px;
	border: 0;
	border-radius: 0;
	margin-bottom: 0;
	font-size: 12px;
	color:#fff;
	/*box-shadow: 0 0 20px rgba(0,0,0,.3);*/
	border-bottom: 1px solid #e5e5e5;


  }
  
  
  
    .navbar-brand a {

	color:#000;
	text-indent: -9999px;
	padding: 30px 0;
	height: 50px;


  }
  
  .header a.brand img {
	background-size:contain;
	background-repeat:no-repeat;
}

  .navbar-nav  li a {

      color:#000 !important;

  }
  

  .navbar-nav  li a:hover {

      text-decoration: underline;

  }
  
  .input-group {
	  
	  margin-bottom:5px;
	  }
	  
	  .btn {width:100%;}
	  

	  

	   
	   .form-control {height:50px; }
		.form-control:focus {padding-top:0px;}
		
		
		.container-footer {

      padding-top: 30px;
      padding-bottom: 30px;
      background: none;
      
  		}
  		
  		.container-footer h4 {

  		color:#232323;
  		font-size: 40px;

  		}
  		
  		/*.container-footer img {
	  		
	  		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%); 
	  		
	  		
  		}*/
  		
  		
  		.full-width {width: 100%;}
  
  #status {color:red; font-size: 12px; text-align: left; margin-top: 15px; margin-left: 5px;}
  
  .full-witdh input[type=number] {width: 100%;}
  
  
  /* Hides the spin-button in number input */

  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

	noindex:-o-prefocus,
	input[type=number] {
    padding-right: 1.2em;
}
	input[type="number"] {
    -moz-appearance: textfield;
}
	input[type="number"]:hover,
	input[type="number"]:focus {
    -moz-appearance: number-input;
}

.input-mini{
-moz-appearance:textfield;
}


.demoinfo {
	
	border: 1px solid rgba(0,0,0,.1);
	background: rgba(248,248,248,.9);
	color: #232323;
	padding: 10px;
	color: #000;
	z-index: 100;
	position: fixed;
	top: 4px;
	right: 4px;
	width: auto;
	
}

.demoinfo p {
	
	font: 11px/12px 'Open Sans', Helvetica, Arial, sans-serif;
}

.text-center {
	
	text-align: center;
}