@charset "UTF-8";
/*--------------------------------------------------------------
TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Typography
2.0 Layout
3.0 Navbar
4.0 Sidebar
5.0 Footer
6.0 Contents
	6.1 Index Page
7.0 Pagination
8.0 Forms
9.0 Buttons
10.0 Tables
11.0 Global Classes
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Typography
--------------------------------------------------------------*/
html {
	font-size: 62.5%;
}
body,
button,
input,
select,
textarea {
	color: #313447;
	font-family: 'Roboto', sans-serif;
	font-size: 1.6rem;
	line-height: 1.5;
}

input[type="submit"] {
	color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #404040;
	font-weight: 700;
	margin-bottom: 24px;
	margin-top: 0;
}

h1 {
	font-size: 38px;
}

h2 {
	font-family: Roboto, sans-serif;
	font-weight: 100;
	font-size: 36px;
}

h3 {
	font-size: 18px;
}

p {
	margin-top: 0;
	margin-bottom: 24px;
}

b,
strong {
	font-weight: bold;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0;
}

pre {
	background: #edeef0;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 24px;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 1.5rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #ddd;
	cursor: help;
}

mark,
ins {
	background: #fff;
	text-decoration: none;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

ul {
	list-style-position: inside;
	margin-bottom: 24px;
}

a:link {
	color: #15c;
	text-decoration: none;
}

a:visited {
	color: #15c;
	text-decoration: none;
}

a:hover {
	color: #15c;
	text-decoration: underline;
}

a:active {
	color: #15c;
	text-decoration: none;
}

i {
	vertical-align: middle;
}

/*--------------------------------------------------------------
2.0 Layout
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}

html, body {
	margin: 0;
	padding: 0;
}

body {
	background-color: #fff;
	padding: 0 10px 10px 10px;
	padding: 0;
	position: relative;
}

.wrapper {
	max-width: 1152px;
	margin: auto;
	width: 100%;
	padding: 24px;
	position: relative;
}

.full-block {
	background-color: #fff;
	border-radius: 2px;
	padding: 24px;
	margin-bottom: 24px;
}

.content-col {
	float: left;
	width: calc(100% - 324px);
}

/*--------------------------------------------------------------
3.0 Navbar
--------------------------------------------------------------*/

/*--------------------------------------------------------------
4.0 Sidebar
--------------------------------------------------------------*/
.affix {
	top: 20px;
}

.nav a {
	color: #767676;
}

.nav .active {
	font-weight: bold;
}

.nav .active a {
	border-left: 2px solid #3cbc8d;
}

.nav .nav {
	display: none;
}

.nav .active .nav {
	display: block;
}

.nav .nav a {
	font-weight: normal;
	font-size: .85em;
}

.nav .nav .active a,
.nav .nav .active:hover a,
.nav .nav .active:focus a {
	font-weight: bold;
	padding-left: 24px;
}

/*--------------------------------------------------------------
5.0 Footer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
6.0 Contents
--------------------------------------------------------------*/

	/*--------------------------------------------------------------
	6.1 Index Page
	--------------------------------------------------------------*/

/*--------------------------------------------------------------
7.0 Pagination
--------------------------------------------------------------*/

/*--------------------------------------------------------------
8.0 Forms
--------------------------------------------------------------*/
select {
	border: 1px solid #ddd;
	border-radius: 2px;
	padding: 4px;
}

label {
	color: #636363;
	display: block;
	font-weight: 700;
}

.label-col label {
	text-align: right;
}

button[type=submit],
input[type=submit] {
	font-weight: 700;
	padding: 4px 24px;
}

input[type=text],
input[type=email],
input[type=url],
input[type=tel],
input[type=number],
input[type=password],
textarea,
select {
	border-radius: 2px;
	border: 1px solid #ddd;
	padding: 4px 12px;
	width: 60%;
}

input[type=number] {
    -moz-appearance:textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

textarea {
	width: 80%;
	height: auto;
	min-height: 200px;
}

input::-webkit-input-placeholder {
	color: #ddd !important;
}

input:-moz-placeholder { /* Firefox 18- */
	color: #ddd !important;
}

input::-moz-placeholder {  /* Firefox 19+ */
	color: #ddd !important;
}

input:-ms-input-placeholder {
	color: #ddd !important;
}

textarea::-webkit-input-placeholder {
	color: #ddd !important;
}

textarea:-moz-placeholder { /* Firefox 18- */
	color: #ddd !important;
}

textarea::-moz-placeholder {  /* Firefox 19+ */
	color: #ddd !important;
}

textarea:-ms-input-placeholder {
	color: #ddd !important;
}

.form-wrapper {
	padding: 24px 0;
}

.form-row {
	margin-bottom: 24px;
	width: 100%;
}

.form-row-half {
	float: left;
	width: calc(50% - 12px);
}

.form-row-half:first-child {
	margin-right: 24px;
}

.form-row-quarter {
	float: left;
	width: calc(25% - 24px);
	margin-right: 24px;
}

.form-row-third {
	float: left;
	width: calc(33% - 24px);
	margin-right: 24px;
}

.form-row-half:last-child {
	margin-right: 0;
}

.submit-row div {
	padding: 48px 0;
	text-align: center;
}

.label-col {
	float: left;
	width: 120px;
	margin-right: 24px;
	vertical-align: top;
}

.field-col {
	float: left;
	width: calc(100% - 144px);
	vertical-align: top;
}

.alert-bubble {
	background: #f55567;
	border-radius: 5px;
	color: #fff;
	display: none;
	margin: 24px 0 12px 0;
	padding: 6px;
	position: relative;
	width: 60%;
}

/* creates the triangle */
.alert-bubble:after {
	content: "";
	position: absolute;
	top: -29px;
	left: 50px;
	border: 15px solid transparent;
	border-bottom-color: #f55567;
	/* reduce the damage in FF3.0 */
	display: block;
	width: 0;
}

/*--------------------------------------------------------------
9.0 Buttons and Labels
--------------------------------------------------------------*/
.btn, .label {
    clear: both;
    border: 3px solid #3cbc8d;
    padding: 0.5em 1em;
    margin-right: 1em;
    display: inline-block;
    border-radius: 2em;
    margin-top: 0.41667em;
    margin-bottom: 0.41667em;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 0.88889em;
    line-height: 1.875em;
    line-height: 1.1em;
}

.btn a {
	color: #3cbc8d;
}

/*--------------------------------------------------------------
10.0 Tables
--------------------------------------------------------------*/
.table-wrapper {
	border: 1px solid #ddd;
	padding: 16px;
	margin-bottom: 24px;
}

table.zebra {
	width: 100%;
	border-spacing: 16px;
}

table.zebra th {
	font-weight: 700;
	padding: 8px;
	white-space: nowrap;
}

table.zebra tr:nth-child(2n) {
	background-color: #f7f7f7;
}

table.zebra td {
	padding: 8px;
	vertical-align: top;
}

table.zebra caption {
	font-size: 1.6rem;
	color: #ff6300;
}

table.zebra ul {
	padding: 0;
}

table.zebra td:first-child,
.zebra th:first-child {
	text-align: left;
}

table.zebra td,
.zebra th {
	text-align: left;
	vertical-align: top;
}

table.zebra td:last-child,
.zebra th:last-child {
	text-align: right;
}

/*--------------------------------------------------------------
11.0 Global Classes
--------------------------------------------------------------*/
.clear {
	clear: both;
}

.transparent {
	background-color: transparent;
}

.tip {
	background-color: #ff6300;
	border-radius: 3px;
	color: #fff;
	margin-bottom: 24px;
	padding: 12px;
}

.align-center {
	text-align: center;
}

.padding {
	padding: 24px;
}

.block {
	margin-bottom: 24px;
}

.label-danger {
	background-color: #f55567;
	color: #fff
}

.rounded {
	border-radius: 3px;
}

.break-all {
	word-break: break-all;
}

.zero-margin-top {
	margin-top: -24px;
}

.margin-auto {
	margin: 0 auto;
}