
body {
	text-align: center;
	padding: 10px 0;
	height: 100vh;
	background-color: rgb(0,110,255);
	background-size: cover;
	background: url(icons/background_connections_vector.svg) center center repeat; /* Old browsers */
	background: url(icons/background_connections_vector.svg) center center repeat, -moz-linear-gradient(top, rgb(0,110,255) 0%, rgb(0,144,229) 100%); /* FF3.6-15 */
	background: url(icons/background_connections_vector.svg) center center repeat, -webkit-linear-gradient(top, rgb(0,110,255) 0%,rgb(0,144,229) 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(icons/background_connections_vector.svg) center center repeat, linear-gradient(to bottom, rgb(0,110,255) 0%,rgb(0,144,229) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006eff', endColorstr='#0090e5',GradientType=0 ); /* IE6-9 */
	color: #333;
	font: 83%/1.5 arial,tahoma,verdana,sans-serif;
}

.body-embed {
	padding: 0;
	background: #ffffff;
	font: 83%/1.5 arial,tahoma,verdana,sans-serif;
}

img {
	border: none;
	display: block;
}

hr {
	margin: 1em 0;
	background: #eee;
	height: 1px;
	color: #eee;
	border: none;
	clear: both;
}

/* LINKS */
a, a:link, a:link, a:link, a:hover {

	text-decoration: none;
	color: #777;
	border-bottom: 1px dotted #ccc;
	font-weight: normal;
}


a:link, a:visited {
	text-decoration: none;
	color: #777;
	border-bottom: 1px dotted #ccc;
	font-weight: normal;
}

a:visited {
	color: #999;
}

a:hover, a:active {
	color: #069;
	text-decoration: none;
	color: #333;
	border-bottom: 1px solid #333;
}


#wrap {
	background: #fff;
	border-radius: 4px;
	border: 1px solid #fff;
	position: relative;
	text-align: left;

	margin: 5% auto;
	width: 600px;
}


#wrap-sidekick {
    background: #fff;

    border: 1px solid #fff;
    position: relative;
    text-align: left;

    margin: 40px auto;
    max-width: 500px;
}

#form h4 {
	margin-top:50px;
}


#content {
	padding: 0 40px;
}

/* TYPOGRAPHY */
p {
	margin: 0 0 1.5em;
}

h1, h2, h3, h4, h5, h6 {
	letter-spacing: -1px;
	font-family: arial,verdana,sans-serif;
	margin: 1.2em 0 .3em;
	color: #000;
	border-bottom: 1px solid #eee;
	padding-bottom: .1em;
}

h1 {
	font-size: 196%;
	margin-top: 0;
	border: none;
}

h2 {
	font-size: 136%;
}

h3 {
	font-size: 126%;
}

h4 {
	font-size: 116%;
	font-weight: bold;
}

h5 {
	font-size: 106%;
}

h6 {
	font-size: 96%;
}

input {
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 5px;
	line-height: 1.5em;
}

h1 a {
	text-decoration: none;
	border: none ! important;
	color: white;
}

h1 a:hover {
	border-bottom: 1px dotted #eee;
}

.old {
	text-decoration: line-through;
}

div#confirmation input {
	margin-top: .5em;
	margin-bottom: .5em;
}
div#confirmation {
	border: 1px solid #aaa;
	background: #eee;
	padding: .6em 1em .1em 1em;
}

button {
	color: #fff;
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 10px 16px;
	font-size: 14px;
	line-height: 1.428571429;
	border-radius: 20px;
	-webkit-user-select: none
}
button.btn-success {
	background-color: #10BFBC;
}
button.btn-primary {
	background-color: #006CFF;
}
