/*Color Reference Chart
Color***********************Value*********
Primary 					#DE248C
Alternate 					#5C98DF
Dark Bg                     #333447
Success                     #7ED321
Caution (Fill)              #ffeb90
Pending (Text)              #ffc107
Danger                      #ff3b30
Text--Dark 					rgba(0,0,0,.87)
Text--DarkSecondary 		rgba(0,0,0,.54)
Text--DarkDisabled 			rgba(0,0,0,.26)
Borders 					rgba(0,0,0,.12)
*/

* {
	margin: 0;
	padding: 0;
     -webkit-tap-highlight-color: transparent;
}
*, *:before, *:after {
	box-sizing: inherit;
}
*:focus {
	outline: none;
}
html {
	box-sizing: border-box;
	height: 100%;
}
body {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 300;
	background-color: #ffffff;
	color: rgba(0,0,0,.87);
	height: 100%;
}
h1, h2, h3, h4, h5, h6, p {
	font-weight: 300;
}
a {
	text-decoration: none;
	outline: none;
	color: inherit;
}
input {
	-webkit-appearance: none;
}
/* input[type="checkbox"] {
	display: none;
}
input[type="checkbox"] + span, input[type="checkbox"] + label {
	position: relative;
	cursor: pointer;
}
input[type="checkbox"] + span::before, input[type="checkbox"] + label::before {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	top: 2px;
	left: 0px;
	border: 1px solid rgba(0,0,0,.12);
	text-align: center;
	color: #fff;
	border-radius: 4px;
	background-color: #fff;
}
input[type="checkbox"]:checked + span::before, input[type="checkbox"]:checked + label::before {
	font-family: 'Material Icons';
	content: "checkmark";
	background: #DE248C;
	border: none;
	padding-left: 1.85px;
	line-height: 1.28;
} */

::-webkit-input-placeholder {
	color:rgba(0,0,0,.54);
}

:-moz-placeholder {
	color:rgba(0,0,0,.54);
}

::-moz-placeholder {
	color:rgba(0,0,0,.54);
}

:-ms-input-placeholder {
	color:rgba(0,0,0,.54);
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ul {
	list-style: none;
	margin: 0;
}
.form-input-error-highlight {
	border-color: #ff3b30 !important;
}
h1, h2, h3, h4, h5, h6, hgroup, ul, ol, dd, p, figure, pre, table, fieldset, hr, form, .form, table, .table {
	margin-bottom: 24px;
}
.giga {
	font-size: 550%; /*88px*/
	line-height: 1.35;
}
.mega {
	font-size: 475%;/*76px*/
	line-height: 1.35;
}
.kilo {
	font-size: 400%;/*64px*/
	line-height: 1.35;
}
.alpha, h1 {
	font-size: 287.5%; /* 46px */
	line-height: 1.25;
}
.beta, h2 {
	font-size: 275%; /* 44px */
	line-height: 1.35;
}
.gamma, h3 {
	font-size: 225%;/* 36px */
	line-height: 1.35;
}
.delta, h4 {
	font-size: 150%;/* 24px */
	line-height: 1.5;
}
epsilon, h5 {
	font-size: 125%;/* 20px */
	line-height: 1.5;
}
zeta, h6 {
	font-size: 100%;/* 16px */
	line-height: 1.5;
}
.lead {
	font-size: 112.5%; /*18px*/
	line-height: 1.5;
}
.small, small {
	font-size: 75%; /*12px*/
	line-height: 1.5;
}
.legal, .milli {
	font-size: 62.5%; /* 10px */
	line-height: 1.5;
}
.micro {
	font-size: 50%; /* 8px */
	line-height: 1.5;
}

@media only screen and (max-width:767px) {
h1, h2, h3, h4, h5, h6, hgroup, ul, ol, dd, p, figure, pre, table, fieldset, hr, form, .form, table, .table {
	margin-bottom: 16px;
}
.giga {
	font-size: 325%; /*40px*/
	line-height: 1.23077
}
.mega {
	font-size: 300%; /*36px*/
	line-height: 1.25
}
.kilo {
	font-size: 250%;/*32px*/
	line-height: 1.3
}
.alpha, h1 {
	font-size: 225%;/*28px*/
	line-height: 1.33333
}
.beta, h2 {
	font-size: 175%;/*24px*/
	line-height: 1.28571
}
.gamma, h3 {
	font-size: 150%;/*20px*/
	line-height: 1.33333
}
.delta, h4 {
	font-size: 125%;/*18px*/
	line-height: 1.4
}
.epsilon, h5 {
	font-size: 112.5%;/*16px*/
	line-height: 1.33333
}
.zeta, h6 {
	font-size: 87.5%;/*14px*/
	line-height: 1.28571
}
.lead {
	font-size: 100%; /*16px*/
	line-height: 1.5;
}
.small, small {
	font-size: 75%; /*12px*/
	line-height: 1.66667
}
.legal, .milli {
	font-size: 62.5%; /*10px*/
	line-height: 1.33333
}
.micro {
	font-size: 50%;/*8px*/
	line-height: 1.2
}
}
/*  GOOGLE MATERIAL ICONS  ==================================================================== */
.material-icons.md-18 {
	font-size: 18px;
}
.material-icons.md-24 {
	font-size: 24px;
}
.material-icons.md-36 {
	font-size: 36px;
}
.material-icons.md-48 {
	font-size: 48px;
}
/*  TABLES  =================================================================================== */
.table {
	width: 100%;
	-webkit-backface-visibility:visible;
}
.table--striped .table__row:nth-child(2n+1) {
	background-color: #f2f2f2;
}
.table__header-cell, .table__cell {
	text-align: left;
	padding: 16px 20px;
}
.table__header-cell--numerical, .table__cell--numerical {
	text-align: right;
}
.table__header-cell {
	font-weight: 400;
}
.table__row--dark {
	background-color: #333447;
	color: #fff;
}
.t5 {
	width: 5%
}
.t10 {
	width: 10%
}
.t12 {
	width: 12.5%
}     /* 1/8 */
.t15 {
	width: 15%
}
.t20 {
	width: 20%
}
.t25 {
	width: 25%
}       /* 1/4 */
.t30 {
	width: 30%
}
.t33 {
	width: 33.333%
}   /* 1/3 */
.t35 {
	width: 35%
}
.t37 {
	width: 37.5%
}     /* 3/8 */
.t40 {
	width: 40%
}
.t45 {
	width: 45%
}
.t50 {
	width: 50%
}       /* 1/2 */
.t55 {
	width: 55%
}
.t60 {
	width: 60%
}
.t62 {
	width: 62.5%
}     /* 5/8 */
.t65 {
	width: 65%
}
.t66 {
	width: 66.666%
}   /* 2/3 */
.t70 {
	width: 70%
}
.t75 {
	width: 75%
}       /* 3/4*/
.t80 {
	width: 80%
}
.t85 {
	width: 85%
}
.t87 {
	width: 87.5%
}     /* 7/8 */
.t90 {
	width: 90%
}
.t95 {
	width: 95%
}