/*
	Default style
	Used in case there is no custom skin defined in "persistent_login.js".
*/

#ifplcontainer {
	padding: 3px;
	text-align: center;
}

#ifplcontainer label, input {
	/* padding: 0;  */
	padding-top: 10px;
	margin: 0;
	/* overflow: auto; */
	vertical-align: middle;
}

/*
	Global style for security hint.
*/
.ifpl-hint {
	background: none repeat scroll 0 0 #fff;
	font-size: 0.9em;
	border-radius: 4px;
	color: #BB0000;
	text-align: left;
	text-shadow: none;
}

/* 
	Checkbox custom by bodet.org
*/
.toggle {
	cursor: pointer;
	display: inline-block;
  }
  
  .toggle-switch {
	display: inline-block;
	background: #fff;
	border: 1.5px solid #afb5bC;
	border-radius: 16px;
	width: 40px;
	height: 24px;
	position: relative;
	vertical-align: middle;
	transition: background 0.25s;
  }
  .toggle-switch:before, .toggle-switch:after {
	content: "";
  }
  .toggle-switch:before {
	display: block;
	background: #afb5bC;
	border-radius: 50%;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 1.5px;
	left: 2px;
	transition: left 0.25s;
  }
  .toggle-checkbox:checked + .toggle-switch {
	background: #3674c2;
	border: 1.5px solid #3674c2;
  }
  .toggle-checkbox:checked + :hover {
	background: #2d62af;
	border: 1.5px solid #2d62af;
  }
  .toggle-checkbox:checked + .toggle-switch:before {
	left: 18px;
	background: #fff;
  }
  
  .toggle-checkbox {
	position: absolute;
	visibility: hidden;
  }
  
  .toggle-label {
	margin-left: 5px;
	position: relative;
	top: 2px;
  }