body {
	background-image: url("http://subtlepatterns2015.subtlepatterns.netdna-cdn.com/patterns/white_carbon.png");
	background-color: #efefef;
}

input,
select,
textarea {
	max-width: 320px;
}

.page-login .external-providers li {
	padding: 0;
}

	.page-login .external-providers li:first-child {
		padding-left: 0;
	}

.page-login .login-remember {
	padding-left: 0;
}

.register a {
	margin-left: 20px;
}

.page-login .list-unstyled {
	margin-left: 0;
	text-align: center;
}


/*SOCIAL BUTTONS*/
.external-providers .list-unstyled .btn-exteral {
	min-width: 210px;
	padding: 0;
	padding-right: 15px;
	text-align: left;
}

.external-providers ul.list-unstyled li a i::before {
	position: relative;
	top: 10px;
	vertical-align: middle;
}

.external-providers ul.list-unstyled li:nth-child(1) a i {
	background-color: #80b749;
	color: white;
}

.external-providers ul.list-unstyled li:nth-child(1) a:hover i {
	
}

.external-providers ul.list-unstyled li:nth-child(2) a i {
	background-color: #212121;
	color: white;
}

.external-providers ul.list-unstyled li:nth-child(2) a:hover i {
	
}

.external-providers ul.list-unstyled li:nth-child(3) a i {
	background-color: #3b5998;
	color: white;
}

.external-providers ul.list-unstyled li:nth-child(3) a:hover i {
	
}

.external-providers ul.list-unstyled li:nth-child(4) a i {
	background-color: #dd4b39;
	color: white;
}

.external-providers ul.list-unstyled li:nth-child(4) a:hover i {
	
}

.external-providers ul.list-unstyled li:nth-child(1) a i::before {
	content: "\f0f2";
}

.external-providers ul.list-unstyled li:nth-child(2) a i::before {
	content: "\f17a";
}

.external-providers ul.list-unstyled li:nth-child(3) a i::before {
	content: "\f09a";
}

.external-providers ul.list-unstyled li:nth-child(4) a i::before {
	content: "\f1a0";
}

.external-providers ul.list-unstyled li a i {
	
	
	color: #ffffff;
	width: 40px;
	height: 40px;
	margin-right: 5px;
	vertical-align: middle;
	position: relative;
	text-align: center;
	border-radius: 40px;
}

.external-providers ul.list-unstyled li .btn-exteral:hover {
	background-color: #f7f7f7;
}

/*POPOVER*/
[data-toggle="popover"] {
	cursor: pointer;
}

	[data-toggle="popover"]:hover {
		text-decoration: none;
	}

.popover {
	background-color: rgba(255,255,255,0.9);
	/*border: 0;*/
	/*color: #333333;*/
	/*text-shadow: 1px 1px 2px rgba(0,0,0,0.27);*/
	/*z-index: 1030;*/
}

	.popover.top .arrow:after {
		border-top-color: rgba(255,255,255,0.95);
	}

/*NAVBAR*/
.navbar-custom {
	background-color: rgba(255,255,255,0.95);
	padding: 5px 0;
	z-index: 99;
}

	.navbar-custom.navbar-default {
		box-shadow: 0 0 10px rgba(0,0,0,0.27);
		border-radius: 0;
		margin: 0;
		z-index: 100;
	}

.spacer.responsive {
	width: 100%;
	height: 12px;
	clear: both;
}

	.spacer.responsive.double {
		height: px;
	}

@media(min-width: 768px) {
	.spacer.responsive {
		height: 24px;
	}

		.spacer.responsive.double {
			height: 48px;
		}
}



.or-container {
	text-align: center;
	flex-direction: row;
	margin: 10px 40px 18px;
	align-items: stretch;
	display: flex;
}

.or {
	flex-grow: 0;
	flex-shrink: 0;
	font-size: 13px;
	line-height: 15px;
	margin: 0 18px;
	text-transform: uppercase;
	color:#777;
}

.or-hr {
	background-color: #777;
	flex-grow: 1;
	flex-shrink: 1;
	height: 1px;
	position: relative;
	top: 0.45em;
}

fieldset {
	margin: auto;
	width: 250px;
}

@media(min-width: 768px) {
	fieldset {
		margin: auto;
		width: 340px;
	}
}