html, body{
	margin: 0;
	min-height: 100%;
	height: 100%;
	padding:0;
}

body {
	background: #000000;
	padding: 20px;
	font-size: 16px;
	overflow-y: scroll;
}

.mobile-container {
	background: white;
	max-width: 420px;
	min-width: 370px;
	width: 100%;
	min-height: 100%;
	position: relative;
	margin: 0 auto;
	padding-bottom: 70px;
		font-family: '';
	}

.no-toolbar {
	padding-bottom: 0;
}

/* Intro JS */

.introjs-skipbutton {
	display: none;
}

.hide-nav .introjs-nextbutton,
.hide-nav .introjs-prevbutton {
	display: none;
}

.sp-container {
	z-index: 9999999999999;
}

.introjs-bullets, .introjs-helperNumberLayer {
	display: none;
}

/*  MOBILE RESET */

a {
	color: #333;
}

a:hover {
	text-decoration: none;
	color: initial;
}

a.text-white:hover {
	color: white;
}

/* BACKGROUNDS */

.primary1-background {
	background: }
.primary3-background {
	background: }
.light-grey-background {
	background: #E4E4E4;
}

/* BUTTONS */

.btn {
	width: 100%;
	text-shadow: none;
	box-shadow: none;
	border: none;
}

.btn-black, .btn-black:hover, .btn-black:active, .btn-black:focus {
	background: ;
	color: white;
}

.btn-white-outline {
	background: 0;
	color: white;
	border: 1px solid white;
}

/* INPUT */
.form-control {
	border-radius: 0;
	background: #D0D6D2;
	font-size: 14px;
	box-shadow: none;
	border: 0;
}

/* LAYOUT */

.col-one-half {
	width: 50%;
	float: left;
}
.col-one-fifth {
	width: 20%;
	float: left;
}
.col-one-quarter {
	width: 25%;
	float: left;
}
.col-one-third {
	width: 33.333%;
	float: left;
}

/* HELPERS */

.border-right-grey {
	border-right: 1px solid #DDD;
}
.border-right-dark-grey {
	border-right: 1px solid #444;
}
.border-top-dark-grey {
	border-top: 1px solid #444;
}
.has-mobile-header {
	padding-top: 15px;
}
.has-mobile-header .padding {
	padding-bottom: 10px;
}
.has-mobile-header p {
	margin-bottom: 0;
	font-weight: bold;
}
.has-mobile-header .fa {
	font-size: 22px;
}
.font-size-tiny {
	font-size: 9px;
}
.font-size-small {
	font-size: 12px;
}
.font-size-medium {
	font-size: 28px;
}
.font-size-large {
	font-size: 40px;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.rel {
	position: relative;
}
.oa {
	overflow: auto;
}
.block {
	display: block;
}

.padding {
	padding: 20px;
}
.padding-tiny {
	padding: 5px;
}
.padding-small-top {
	padding-top: 10px;
}
.padding-small-bottom {
	padding-bottom: 10px;
}
.no-padding-top {
	padding-top: 0;
}
.no-padding-bottom {
	padding-bottom: 0;
}
.padding-bottom-toolbar {
	min-height: 76%;
}
.no-margin {
	margin: 0;
}
.no-margin-bottom {
	margin-bottom: 0;
}
.margin-bottom {
	margin-bottom: 20px;
}
.margin-bottom-small {
	margin-bottom: 10px;
}
.margin-block-center {
	margin: 0 auto;
	display: block;
}

.float-bottom {
	position: absolute;
	bottom: 0;
}

.fixed-bottom {
	position: fixed;
	bottom: 0;
    max-width: 420px;
    min-width: 370px;
    width: 100%;
}

.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.text-positive {
	color: #3DB657;
}
.text-negative {
	color: #CF0000;
}
.text-alert {
	color: #F8AF5B!important;
}
.text-primary1 {
	color: ;
}
.text-secondary1 {
	color: ;
}
.text-secondary2 {
	color: ;
}
.text-secondary3 {
	color: ;
}
.text-secondary4 {
	color: ;
}
.text-secondary5 {
	color: ;
}
.text-secondary6 {
	color: ;
}
.text-secondary7 {
	color: ;
}
.text-secondary8 {
	color: ;
}
.text-secondary9 {
	color: ;
}
.text-secondary10 {
	color: ;
}
.text-white {
	color: white;
}
.text-grey {
	color: #D0D6D2;
}
.text-underline {
	text-decoration: underline;
}

.full-width {
	width: 100%;
}
.full-height {
	height: 100%;
	min-height: 100%;
}
.form-control.override{
	height: 35px;
	background: white;
	border: 1px solid black;
}

/* COMPONENT SPECIFIC */
.search-institutions-input {
	height: 35px;
	background: white;
	border: none;
	border-bottom: 1px solid #DDD;

}
.editor {
	position: absolute;
	right: 10;
	top: 10;
	z-index: 2;
}
.share {
	position: absolute;
	right: 10;
	top: 80;
	z-index: 1;
}
.wizard {
	position: absolute;
	right: 10;
	top: 150;
	z-index: 1;
}
.editor-toggle, .share-toggle, .wizard-toggle {
	background: white;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: block;
    padding: 13px;
    font-size: 26px;
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
}
.editor-content, .share-content {
	z-index: 999999999999999;
	display: none;
	position: absolute;
	right: 0;
	background: white;
    padding: 13px;
    width: 400px;
	top: 70px;
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
}

#bottom-toolbar {
	border-top: 1px solid #DDD;
	height: 70px;
	background: white;
	z-index: 1;
}
#bottom-toolbar p {
	margin-bottom: 0;
}
#bottom-toolbar a {
	padding: 8px;
	display: block;
	min-height: 100%;
}
#bottom-toolbar a.active {
	background: ;
	color: white;
}
#bottom-toolbar i {
	font-size: 30px;
	margin-bottom: 8px;
}
.merchant {
	color: white;
}
.--1 {
	background: ;
}
.--2 {
	background: ;
}
.--3 {
	background: ;
}
.--4 {
	background: ;
}
.--5 {
	background: ;
}
.--6 {
	background: ;
}
.--7 {
	background: ;
}
.--8 {
	background: ;
}
.--9 {
	background: ;
}
.--10 {
	background: ;
}
.color--1 {
	color: ;
}
.color--2 {
	color: ;
}
.color--3 {
	color: ;
}
.color--4 {
	color: ;
}
.color--5 {
	color: ;
}
.color--6 {
	color: ;
}
.color--7 {
	color: ;
}
.color--8 {
	color: ;
}
.color--9 {
	color: ;
}
.color--10 {
	color: ;
}
.settings a {
	display: block;
}
.goaltypes .col-one-third div, .goaltypes .col-one-third a {
	height: 135px;
	vertical-align: middle;
	padding-top: 30px;
}
.linkedaccountactions .col-one-quarter div {
	height: 100px;
	vertical-align: middle;
	padding-top: 30px;
	border-right: 1px solid white;
}
.linkedaccountactions .col-one-quarter:last-of-type div {
	border-right: 0;
}

.goaltypes i {
	margin-bottom: 10px;
	font-size: 40px;
}

.alert {
	margin-bottom: 0;
	padding-bottom: 10px;
	padding-top: 10px;
}
.alert input {
	height: 35px;
	background: white;
	border: 1px solid black;
}
.alert .fa {
	color: #0076FC;
	font-size: 24px;
}
.progress {
	border-radius: 0;
	border: 1px solid black;
	background: white;
	padding: 8px;
	height: 40px;
	box-shadow: none;
}
.progress.--grey {
	background: #DDD;
}
.amount-left {
	background: black;
	color: white;
	padding: 5px;
}
.notifications {
	background: ;
	border-radius: 10px;
	color: white;
	display: inline-block;
	padding: 0 6px;
}
.incoming {
	color: white;
	background: #3DB657;
	margin-left: 20px;
}
.outgoing {
	color: white;
	background: #CF0000;
	margin-left: 20px;
}
.passcode-underline {
	border-bottom: 2px solid ;
	width: 100%;
	height: 40px;
}
.chart-container {
	display: block;
	margin: 0 auto;
	width: 70%;
}

.logo {
	display: block;
	margin: 0 auto;
	width: 80%;
}
/*  MEDIA QUERIES */

.action-label {
	display:none;
    font-size: 12px;
    margin-left: 7px;
    top: -1px;
    position: relative;
}

@media only screen and (max-width: 560px) {
	.editor {
		left: 40%;
		width: 50px;
	}
	.share {
		left: 60%;
		top: 10px;
		width: 50px;
	}
	.editor-toggle, .share-toggle {
	    height: 20px;
	    border-radius: 10px;
	    font-size: 15px;
	    padding: 2px 5px;
		width: 65px;
	}
	.editor-content, .share-content {
		top: 28px;
	    left: 50%;
	    margin-left: -110px;
	}
	.action-label {
		display: inline;
	}
}

@media only screen and (max-width: 420px) {
	body {
		padding: 0;
	}

	.mobile-container {
		width: 100%;
		min-height: 100%;
	}
}