
.userblocking-header {
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 1px solid rgba(0,0,0,0.05);
}

.mobileAppBody .userblocking-header {
	padding: 12px 8px;	
}



.app-switch {
	position: relative;
	display: inline-block;
	width: 2.3em;
	height: 1.3em;
	
    vertical-align: middle;
}


.app-switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
    
.app-switch-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;

	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 34px;
}

.app-switch-slider:before {
	position: absolute;
	content: "";
	height: 1em;
	width: 1em;
	left: 0.15em;
	bottom: 0.15em;
	background-color: white;
	
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 50%;
}

input:checked + .app-switch-slider {
	background-color: #8BC34A;
}

input:focus + .app-switch-slider {
	box-shadow: 0 0 1px #8BC34A;
}

input:checked + .app-switch-slider:before {
	-webkit-transform: translateX(1em);
	-ms-transform: translateX(1em);
	transform: translateX(1em);
}

.userblocking-formrow {
	padding: 8px 0;
}
.userblocking-field {
	border: 1px solid #ddd;
	padding: 12px 8px;
	width: 100%;
	box-sizing: border-box;
}

.userblocking-blockedChat {
	color: #F57C00;
}

.userblocking-blockedLogin {
	color: #D32F2F;
}