@font-face {
  font-family: Raleway-Regular;
  src: url('../fonts/raleway/Raleway-Regular.ttf'); 
}
@font-face {
  font-family: Raleway-Bold;
  src: url('../fonts/raleway/Raleway-Bold.ttf'); 
}
html,body{	
	height: 100%;
    margin: 0;
    padding: 0;
    background-image:url('../img/background.jpg');
}
.captivePortalForm{
	background: #000;
    padding: 10px 40px;
    border-radius: 5px;
    max-width: 450px;
    margin: 1em auto;
    width: 100%;
}
#loadingPanel{
	display:none;
	color:#FFF;
}
.testo{
	font-family:Raleway-Regular;
	color:#FFF;
	font-size:16px;
	line-height: 1.4;
}
#error{
	color:#FF0000;
	display:none;
	text-align:center;
}
.form-control:focus{
	border-color:#FDC72A;
	box-shadow: 0 0 0 0.2rem rgba(253,199,42,.25);
}
#radioBtn{
	width:100%;
}
#radioBtn .active, .btn-btnToggleOn {
	border-color:#FDC72A;
	background-color:#FDC72A;
	color:#000;
	font-weight:bold;
}
#radioBtn .notActive, .btn-btnToggleOff{
	border-color:#FDC72A;
    color: #000;
    background-color: #fff;
}
.lblGender{
	margin-top:10px;
}
.testoprivacy{
  font-size:12px;
  text-align:left;
}
#skip_ad{
	color:#FDC72A;
	font-weight:bold;
	cursor:pointer;
}
.btnLogin {
  font-family: Raleway-Bold;
  font-size: 16px;
  color: #000;
  border-radius: 3px;
  background: #FDC72A;    
  justify-content: center;
  align-items: center;  
}

.btnLogin:hover {
  background: #D8AA24;
}
.btn-face,
.btn-google{
  font-family: Raleway-Bold;
  font-size: 16px;
  line-height: 1.2;  
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  border: 1px solid #e6e6e6;
  background-color: #fff;
}
.btn-face {
  color: #3b5998;
}

.btn-face i {
  font-size: 20px;
  margin-right: 10px;
  padding-bottom: 1px;
}

.btn-google {
  color: #555555;
}

.btn-google img {
  width: 19px;
  margin-right: 10px;
  padding-bottom: 1px;
}

.btn-face:hover,
.btn-google:hover {
  border-color: #FDC72A;
}
/*! ========================================================================
 * Bootstrap Toggle: bootstrap-toggle.css v2.2.0
 * http://www.bootstraptoggle.com
 * ========================================================================
 * Copyright 2014 Min Hur, The New York Times Company
 * Licensed under MIT
 * ======================================================================== */
.checkbox label .toggle,.checkbox-inline .toggle{margin-left:-20px;margin-right:5px}
.toggle{position:relative;overflow:hidden}
.toggle input[type=checkbox]{display:none}
.toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none}
.toggle.off .toggle-group{left:-100%}
.toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0}
.toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0}
.toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px;border-color:#000;background-color:#FFF;}
.toggle.btn{min-width:59px;min-height:34px}
.toggle-on.btn{padding-right:24px}
.toggle-off.btn{padding-left:24px}
.toggle.btn-lg{min-width:79px;min-height:45px}
.toggle-on.btn-lg{padding-right:31px}
.toggle-off.btn-lg{padding-left:31px}
.toggle-handle.btn-lg{width:40px}
.toggle.btn-sm{min-width:50px;min-height:30px}
.toggle-on.btn-sm{padding-right:20px}
.toggle-off.btn-sm{padding-left:20px}
.toggle.btn-xs{min-width:35px;min-height:22px}
.toggle-on.btn-xs{padding-right:12px}
.toggle-off.btn-xs{padding-left:12px}
/* MEDIA QUERIES */
@media (max-width: 480px){
	.captivePortalForm{
		padding:10px 15px;
	}
}