/* Reset iOS styles --> */
textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}
/* <-- iOS styles */

/* Fonts --> */
@font-face {
	font-family: 'Calibri';
	src: url(../fonts/Calibri400.woff);
	font-style: normal;
	font-weight: 400;

}
@font-face {
	font-family: 'Calibri';
	src: url(../fonts/Calibri700.woff);
	font-style: normal;
	font-weight: 700;
}

@font-face {
	font-family: 'Helvetica Now Display W04 XBlk';
	src: url(../fonts/HelveticaNowDisplayW04XBlk.woff2) format('woff2');
}

@font-face {
	font-family: 'Material Design Icons';
	src: url(../fonts/materialdesignicons-webfont.woff2) format('woff2');
	font-weight: 400;
	font-style: normal;
}

/* <-- Fonts */

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

body {
	margin: 0 auto;
	font-family: 'Calibri', Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 400;
	text-rendering: geometricPrecision;

}

.site-wrapper {
	display: flex;
	max-width: 1008px;
	height: 100%;
	width: auto;
	margin: 0 auto;
	padding: 0 1rem 0 1rem;
}

.header {
	position: fixed;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin: 0;
	box-shadow: 0 0 10px rgba(0,0,0,.3);
	z-index: 1;
	background-color: #fff
}
.logo img{
	height: 4rem;
	border: .25rem solid #fff;
	box-sizing: border-box;
}

.account-link {
	align-self: flex-end;
	position: absolute;
	height: 100%;
	display: flex;
	align-items: center;
}

.header-logout {
	display: inline-block;
	padding-right: 1rem;
	padding-top: .25rem;
}

@media only screen and (min-width: 48.1rem) {

	.header {
		height: 4rem;
	}
	.site-wrapper {
		padding-top: 4rem;
	}
	#hamburger {
		display: none;
	}
	.container-nav {
		flex-basis: 33.333%;
		width: auto;
		position: -webkit-sticky; /* for Safari */
		position: sticky;
		align-self: flex-start;
		top: 4rem;
	}
	.container-bc {
		display: none;
	}
	.container-content {
		padding: 0 4.5rem;
		margin-bottom: 2rem;
	}
}

@media only screen and (max-width: 48rem) {

	.header {
		height: 3rem;
	}

	.logo img{
	height: 3rem;
	}

	.container-nav {
		flex-basis: 0;
		position: relative;
		opacity: 0;
		transition: all 0.3s cubic-bezier(.25,.8,.25,1);
		max-width: 0;
	}
	.container-content {
		margin-bottom: 2rem;
	}
	.container-content h1 {
	padding-top: .5rem !important;
	}

	.hamburger-checkbox {
		position: absolute;
		opacity: 0;
	}

	.hamburger-label {
		position: fixed;
		top: .75rem;
		left: 1rem;
		z-index: 2;
		display: block;
		cursor: pointer;
	}

	.hamburger-label:before {
		content: '\F35C';
		font-family: 'Material Design Icons';
		font-size: 1.5rem;
		color: #36a7e9;
	}
	.hamburger-checkbox:checked ~ .hamburger-label:before {
		content: '\F156';
		color: #222;
	}

	.hamburger-checkbox:checked ~ .site-wrapper .container-nav {
		flex-basis: 100%;
		width: auto;
		min-height: 100vh;
		opacity: 1;
		max-width: 100%;
	}

	.hamburger-checkbox:checked ~ .site-wrapper .container-content {
		overflow: hidden;
		flex-basis: 0;
		padding: 0;
		opacity: 0;
	}
	.site-wrapper {
		padding-top: 3rem;
	}

}

@media only screen and (max-width: 20rem) {

	.site-wrapper {
		padding-top: 3rem;
	}

	#bc-person:before,
	#bc-contact:before,
	#bc-studies:before,
	#bc-family:before,
	#bc-financial:before,
	#bc-documents:before,
	#bc-clearance:before,
	li.bc-item a:after,
	li.bc-item.complete a:after {
		font-size: 1rem;
	}
	li.bc-item a:after,
	li.bc-item.complete a:after {
		margin-left: -.75rem;
	}
}

#data-protection {
	margin-bottom: 2rem;
}

#choice-footer {
	margin-top: 2rem;
}

p, ul.list {
	font-family: 'Calibri', Arial, sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.02rem;
	padding-bottom: .5rem;
	margin: 0;
}

p.highlight {
	display: flex;
}

p.highlight:before {
	display: flex;
	font-family: 'Material Design Icons';
	font-size: 1.5rem;
	content: '\F2FC';
	color: #c0cbdc;
	padding-right: .5rem;
	margin-right: .75rem;
	border-right: 2px solid #c0cbdc;
	align-self: stretch;
}
p.footer,
p.footer a {
	font-size: .875rem;
	font-weight: 400;
	color: #7387a7;
	margin-top: 2rem;
}

p.footer a:hover {
	color: #222;
}

ul.list {
	list-style: inside;
	margin: 0;
	text-indent: -1rem;
	margin-left: 1rem;
}

ul.list li {
	padding-bottom: .125rem;
}

h1, h2, h3 {
	margin: 0
}

h2 {
	padding: .5rem 0 0 0;
}

h1 {
	font-family: 'Helvetica Now Display W04 XBlk';
	font-size: 1.5rem;
	letter-spacing: 0.04rem;
}

h2 {
	font-family: 'Calibri', Arial, sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: 0.02rem;
	margin: 1.5rem 0 .75rem 0;
}

h3 {
	font-family: 'Calibri', Arial, sans-serif;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: 0.08rem;
	text-transform: uppercase;
	padding-bottom: .5rem;
	padding-top: 1.5rem;
	border-bottom: 1px solid #222;
}

.container-content h1 {
	padding-top: 1.5rem;
	padding-bottom: 1rem;
}

.container-nav {
	overflow: hidden;
	display: flex;
	flex-direction: column;
	padding: 0;
	transition: all .3s;
	height: 100%;
}

.container-content {
	position: relative;
	width: 100%;
	max-width: 38rem;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	transition: all .3s;
	opacity: 1;
	margin-bottom: 4rem;
}

.container-bc ul {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-left: 1.875rem;
}

li.nav-item a {
	display: inline-block;
	width: 100%;
}

li.nav-item {
	position: relative;
	border-bottom: 1px solid #c0cbdc;
	padding: .75rem 0rem .5rem 0rem;
	margin-left: 1.875rem;
	margin-right: 0;
	line-height: 1;
}
li.nav-item:last-child {
	border-bottom: none;
}

li.user-info {
	display: inline-block;
	padding: 1rem 0 1rem 0;
	line-height: 3rem;
	color: #7387a7;
}

.user-settings {
	position: absolute;
	right: 0;
}

a,
a:visited {
	color: #36a7e9;
	font-weight: 700;
	text-decoration: none;
	outline: none;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);

}

a:hover,
a:active,
a:focus {
	color: #222;
}

/* !Nav and Menu Items */

.user-info:before {
	font-family: 'Material Design Icons';
	font-size: 3rem;
	display: inline-block;
	padding-right: .25rem;
	vertical-align: middle;
	line-height: 1;
	margin-left: -.2rem;
}
.user-settings:after {
	font-family: 'Material Design Icons';
	font-size: 1.5rem;
	display: inline-block;
	vertical-align: middle;
	padding-bottom: .25rem;
	line-height: 1;
}
#bc-person:before,
#bc-contact:before,
#bc-studies:before,
#bc-family:before,
#bc-financial:before,
#bc-documents:before,
#bc-clearance:before,
#nav-person:before,
#nav-contact:before,
#nav-family:before,
#nav-studies:before,
#nav-financial:before,
#nav-documents:before,
#nav-clearance:before,
#nav-logout:before,
.header-login:before,
.header-logout:before {
	font-family: 'Material Design Icons';
	font-size: 1.5rem;
	display: inline-block;
	padding-right: .5rem;
	vertical-align: middle;
	padding-bottom: .25rem;
	margin-left: -1.875rem;
	line-height: 1;
}


.user-info:before {
	content: '\F009';
	color: #c0cbdc;
}
.user-settings:after {
	content: '\F493';
}

.container-bc {
	margin: .75rem 0 .5rem;
}

#bc-person:before,
#nav-person:before {
	content: '\F5D2';
}
#bc-contact:before,
#nav-contact:before {
	content: '\F1EE';
}
#bc-studies:before,
#nav-studies:before {
	content: '\F474';
}
#bc-family:before,
#nav-family:before {
	content: '\F00E';
}
#bc-financial:before,
#nav-financial:before {
	content: '\F1AD';
}
#bc-documents:before,
#nav-documents:before {
	content: '\F219';
}
#bc-clearance:before,
#nav-clearance:before {
	content: '\F48A';
}
#nav-logout:before,
.header-logout:before {
	content: '\F5FD';
}
#nav-logout:after {
	display: none;
}

li.bc-item a:after,
li.nav-item a:after {
	font-family: 'Material Design Icons';
	font-size: 1.5rem;
	display: inline-block;
	float: right;
	vertical-align: middle;
	padding-bottom: .25rem;
	line-height: 1;
	content: '\F12C';
	color: #c0cbdc;
}

li.bc-item.complete a:after {
	font-family: 'Material Design Icons';
	font-size: 1.5rem;
	display: inline-block;
	float: right;
	vertical-align: middle;
	padding-bottom: .25rem;
	line-height: 1;
	content: '\F12C';
	color: #2ecc40;
}

li.nav-item.complete a:after {
	font-family: 'Material Design Icons';
	font-size: 1.5rem;
	display: inline-block;
	position: absolute;
	right: 0;
	vertical-align: middle;
	padding-bottom: .25rem;
	line-height: 1;
	content: '\F12C';
	color: #2ecc40;
}
li.bc-item a:after,
li.bc-item.complete a:after {
	margin-left: -.5rem;
}

li.bc-item.active a,
li.nav-item.active a {
	color: #222;
}

/* !Profile Menu Itemns */

#nav-registration_period:before,
#nav-registrations:before,
#nav-applications:before,
#nav-acceptedapplications:before,
#nav-scholarshipholders:before,
#nav-user:before {
	font-family: 'Material Design Icons';
	font-size: 1.5rem;
	display: inline-block;
	padding-right: .5rem;
	vertical-align: middle;
	padding-bottom: .25rem;
	margin-left: -1.875rem;
	line-height: 1;
}

#nav-registration_period:before {
	content: '\F00AA';
}

li.nav-item.open > #nav-registration_period:after,
li.nav-item.closed > #nav-registration_period:after {
	font-family: 'Material Design Icons';
	font-size: 1.5rem;
	display: inline-block;
	position: absolute;
	right: 0;
	vertical-align: middle;
	padding-bottom: .25rem;
	line-height: 1;
}


li.nav-item.open > #nav-registration_period:after {
	content: '\F40A';
	color: #2ecc40;
}

li.nav-item.closed > #nav-registration_period:after {
	content: '\F4DB';
	color: #ff4136;
}

#nav-registrations:before {
	content: '\F6BB';
}

#nav-applications:before {
	content: '\F24C';
}

#nav-acceptedapplications:before {
	content: '\F69C';
}

#nav-scholarshipholders:before {
	content: '\F008';
}

#nav-user:before {
	content: '\F039B';
}

#nav-registrations:after,
#nav-applications:after,
#nav-acceptedapplications:after,
#nav-scholarshipholders:after,
#nav-user:after {
	display: none;
}

/*#nav----:before {
	content: 'how_to_reg';
}
*/


/* !Alerts */

.alert > div,
.alert-info > div,
.alert-success > div,
.alert-dismissible > div {
	margin: .5rem 1rem;
	display: inline-flex;
	align-self: center;
	animation: fade 1s;
}
.alert,
.alert-info,
.alert-success,
.alert-dismissible {
 	width: auto;
 	max-height: 0;
	position: relative;
	font-size: 1.125rem;
	border-radius: 0 0 .3125rem .3125rem;
	color: #fff;
	display: flex;
	justify-content: flex-start;
	flex-shrink: 0;
	overflow: hidden;
}
.alert {
	background: #ff4136;
}

.alert-info {
	background: #ff851b;
}

.alert:before,
.alert-info:before,
.alert-success:before {
	display: flex;
	font-family: 'Material Design Icons';
	font-size: 1.5rem;
	color: #fff;
	padding: .5rem;
	border-right: 2px solid #fff;
	align-self: stretch;
}

.alert:before {
	content: '\F026';
}

.alert-info:before {
	content: '\F2FC';
}

.alert-success:before {
	content: '\F12C'
}



.alert-success {
	background: #2ecc40;
}

.alert-dismissible {
	background: #c0cbdc;
}

.alert,
.alert-info {
	animation: fadeIn 1.5s ease forwards;
}

.alert-success {
	animation: fadeInOut 6s ease forwards;
}

@keyframes fade {
	from { opacity: 0; }
	to   { opacity: 1; }
}

@keyframes fadeIn {
	0% { max-height: 0; }
	100% { max-height: 100%; }
}

@keyframes fadeInOut {
	0% 	{ max-height: 0%; }
	25% { max-height: 100%; }
	75% { max-height: 100%; }
	99% { max-height: 0; }
	100% { max-height: 0; }
}

/* !Forms */

form {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.form-group {
	width: 100%;
	display: flex;
	flex-direction: column-reverse;
	position: relative;
	margin: .5rem 0 1rem;
	background-color: #f9f9f9;
	border-radius: 5px 5px 0 0;
	border: none;
}

#financial_requirements .form-group input {
	text-align: left;
	padding-left: 1rem;
}

#financial_requirements h3 {
	margin-bottom: 1rem !important;
}

.form-group .control-label {
	position: relative;
	margin: 0 .5rem;
	padding: .25rem 0 .125rem 0;
	font-size: .875rem;
	color: #7387a7;
	letter-spacing: .04rem;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

input, select, textarea {
	font-size: 16px;
	font-size: 1rem;
}

.select .select-text {
	appearance: none;
	-webkit-appearance:none
}

.select:after {
	position: absolute;
	top: 1.75rem;
	right: 1rem;
	/* Styling the down arrow */
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #7387a7;
	pointer-events: none;
}

.form-group select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
}

.form-group select,
.form-group input {
	margin: 0;
	padding: 0 .5rem .125rem 0;
	text-indent: .5rem;
	color: #222;
	line-height: 1.75;
	background-color: #f9f9f9;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #7387a7;
	flex: 1;
	width: 100%;
	box-sizing: border-box;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.form-group textarea {
	margin: 0;
	padding: 0 .5rem .125rem .5rem;
	color: #222;
	line-height: 1.75;
	background-color: #f9f9f9;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #7387a7;
	flex: 1;
	width: 100%;
	min-height: 5.5rem;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	white-space: normal;
	word-wrap: break-word;
	word-break: hyphenate;
	overflow: auto;
}

.form-group select:required ~ .control-label,
.form-group input:required ~ .control-label,
.form-group textarea:required ~ .control-label {
	color: #7387a7;
}

.form-group .form-check {
	background: #fff;
}

.form-check input[type="checkbox"] {
	opacity: 0;
	position: absolute;
	/*display: none;*/
	width: 1.5rem;
	height: 1.5rem;
}

.form-check .control-label {
	display: inline-block;
	line-height: 1.5;
	margin: 0 0 0 2rem;
}

.form-check input[type="checkbox"] + label:before,
.form-check input[type="checkbox"]:checked + label:before {
	display: inline-block;
	font-family: 'Material Design Icons';
	font-size: 1.5rem;
	cursor: pointer;
	position: relative;
	padding-right: .5rem;
	vertical-align: middle;
	line-height: 0;
	margin: 0 0 .125rem -2rem;
}

.form-check input[type="checkbox"] + label:before {
	color: #c0cbdc;
	content: '\F131';
}

.form-check input[type="checkbox"]:not(:checked):focus + label:before {
	content: '\F131';
	color: #ff4136;
}

.form-check input[type="checkbox"]:checked + label:before {
	content: '\F132';
	color: #2ecc40;
}


.form-group select,
.form-group input:focus,
.form-group input:valid,
.form-group input:text,
.form-group input.form-file,
.form-group input.has-value,
.form-group textarea:focus,
.form-group textarea:valid,
.form-group textarea.form-file,
.form-group textarea.has-value {
	color: #222;
}

.form-group select:focus,
.form-group input:focus,
.form-group textarea:focus {
	outline: none;
}
.form-group select:focus ~ .control-label,
.form-group input:focus ~ .control-label,
.form-group textarea:focus ~ .control-label {
	color: #36a7e9;
}

.form-group select:focus,
.form-group input:focus,
.form-group textarea:focus {
	border-bottom: 1px solid #36a7e9;
}

input[type="date"] {
	-webkit-appearance: none;
}

.input-group-prepend {
	position: absolute;
	align-self: flex-end;
	padding-bottom: .25rem;
	padding-left: .5rem;
	color: #7387a7;
}

.input-group-append {
	position: absolute;
	align-self: flex-start;
	line-height: 1.75;
	padding-bottom: .125rem;
	padding-left: .5rem;
	color: #7387a7;
}

.tuitition-fees {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 .5rem;
}

.tuitition-fees h3 {
	grid-column: 1 / -1;
}

/* !List */

ul.document-group {
	margin: 0;
	display: flex;
	flex-direction: column;
}

li.document-item {
	position: relative;
	display: flex;
	flex-direction: column-reverse;
	padding: .5rem .375rem .5rem 2.25rem;
	line-height: 1.5;
	margin-left: 0;
	color: #7387a7;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
li.document-item:last-child {
	border-bottom: none;
}

li.document-item:nth-child(even) {
	background: #F0F4FA;
}

.doc-name {
	display: inline-flex;
	align-items: flex-start;
	padding: 0;
	margin: 0;
	line-break: normal;
}

.doc-name:before {
	font-family: 'Material Design Icons';
	font-size: 1.5rem;
	display: inline-flex;
	padding-right: .5rem;
	vertical-align: middle;
	padding-bottom: .25rem;
	margin-left: -1.875rem;
	line-height: 1;
	content: '\F225';
	color: #c0cbdc;
}
li.document-item .doc-name:after {
	font-family: 'Material Design Icons';
	font-size: 1.5rem;
	margin-left: auto;
	padding-left: 1.75rem;
	right: 0;
	line-height: 1;
	content: '\F12C';
	color: #c0cbdc;
}

.document-item.uploaded,
.document-item.uploaded .doc-name:before {
	color: #222;
}

li.document-item.uploaded .doc-name:after {
	font-family: 'Material Design Icons';
	font-size: 1.5rem;
	margin-left: auto;
	right: 0;
	line-height: 1;
	content: '\F12C';
	color: #2ecc40;
}

.custom-file {
	width: 0;
	height: 0;
	visibility: hidden;
	display: inline-flex;
}

.custom-file-label:before {
	font-family: 'Material Design Icons';
	font-size: 1.5rem;
	position: absolute;
	right: 1.75rem;
	line-height: 1;
	content: '\F552';
	color: #36a7e9;
	cursor: pointer;
	visibility: visible;
}
.custom-file-label:hover:before {
	color: #222;
}
.form-group .custom-file-input {
	padding-top: 0;
	height: 1rem;
	display: inline-flex;
	flex: 0;
}

.document-action {
	position: relative;
}

.document-action .control-label {
	display: flex;
	position: relative;
	margin: 0;
	padding: 0;
	flex-basis: content;
}

.document-action .control-label .invalid-feedback.d-block {
	padding-left: 0;
	padding-bottom: .25rem;
	margin-left: -1.75rem;
}
.document-action .form-group {
	padding-bottom: 0;
	margin-bottom: 0;
	background: none;
	display: flex;
	flex-direction: column-reverse;
}

.document-action.uploaded form {
	height: 0;
}

.doc-delete:before {
	font-family: 'Material Design Icons';
	font-size: 1.5rem;
	position: absolute;
	right: 1.75rem;
	top: .75rem;
	line-height: 0;
	content: '\F1C0';
	color: #36a7e9;
	cursor: pointer;
	visibility: visible;
}
.custom-file:hover:before,
.doc-delete:hover:before {
	color: #ff4136;
}
.doc-delete {
	visibility: hidden;
	width: 0;
	height: 0;
}

.custom-file-label-uploaded:hover:before {
	color: #222;
}

.invalid-feedback.d-block {
	font-size: .875rem;
	color: #ff4136;
	letter-spacing: .04rem;
}

.badge.badge-danger {
	text-transform: uppercase;
	letter-spacing: .06rem;
	font-size: .75rem;
	color: #fff;
	background-color: #ff4136;
	padding: 0 .375rem;
	border-radius: 2rem;
}

.form-control.is-invalid {
	border-bottom-color: #ff4136;
}

/* !Tables */

.table {
	text-align: left;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 1rem;
}
tr td {
	white-space: normal;
}
.table th, td {
	line-height: 1.5;
	vertical-align: top;
}

.table.finance th {
	width: 90%;
}

th {
	color: #7387a7;
	font-weight: 400;
	border: transparent;
	width: 30%;
}

.table th,
.table td {
	padding: .5rem .375rem;
}

tr:nth-child(even) {
	background: #F0F4FA;
}

tbody tr:last-child {
	border-bottom: none;
}

td.amount {
	text-align: right;
}


/* Buttons */

.spacer {
	display: block;
	height: 2rem;
}

.show-data-content .btn {
	margin: 0;
	width: 100%;
	padding: 0 1.125rem;
}

.btn:hover,
.btn-edit:hover,
.btn-back:hover,
.btn-prev:hover,
.btn-next:hover,
.btn-lock:hover,
.btn-unlock:hover {
	color: #222;
	border-color: #222;
}

.btn,
.btn-edit {
	margin: .5rem 0 1rem -.25rem;
	padding: 0 1.5rem;
	width: calc(100% + .5rem);
	height: 3rem;
	border-radius: 2rem;
	border: 1px solid #36a7e9;
	background-color: #fff;
	color: #36a7e9;
	font-size: 1.125rem;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	cursor: pointer;
}

.btn-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
}

.btn-wrapper form {
	width: auto;
}

.btn-back,
.btn-prev,
.btn-next,
.btn-delete  {
	display: flex;
	justify-content: center;
	margin: .5rem -.25rem 1rem -.25rem;
	width: 3rem;
	height: 3rem;
	border-radius: 2rem;
	border: 1px solid #36a7e9;
	background-color: #fff;
	color: #36a7e9;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	cursor: pointer;
	align-content: center;
}

.btn-back:before,
.btn-prev:before,
.btn-next:before,
.btn-delete:before,
.btn-lock:before,
.btn-unlock:before,
.btn-yes:before,
.btn-no:before {
	font-family: 'Material Design Icons';
	font-size: 2rem;
	align-self: center;
	line-height: 0;
	cursor: pointer;
}

.btn-back:before {
	content: '\F44F';
	transform: scaleX(-1);
}

.btn-prev:before {
	content: '\21A9';
}

.btn-next:before {
	content: '\21AA';
}

.btn-placeholder {
	width: 3rem;
}

.btn-delete:before {
	content: '\F1C0';
}
.btn-delete:hover {
	color: #ff4136;
	border-color: #ff4136;
}

.btn-lock,
.btn-unlock {
	display: flex;
	justify-content: center;
	margin: 0;
	width: 3rem;
	height: 3rem;
	border-radius: 2rem;
	border: 1px solid;
	background-color: #fff;
	color: #36a7e9;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	cursor: pointer;
	align-content: center;
}

.btn-lock:hover {
	color: #ff4136;
	border-color: #ff4136;
}
.btn-unlock:hover {
	color: #2ecc40;
	border-color: #2ecc40;
}

.btn-lock:before {
	content: '\F250';
}

.btn-unlock:before {
	content: '\F251';
}

.btn-yes,
.btn-no  {
	display: flex;
	justify-content: center;
	margin: 0;
	width: 8rem;
	height: 3rem;
	border-radius: 2rem;
	border: 1px solid #36a7e9;
	background-color: #36a7e9;
	color: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	cursor: pointer;
	align-content: center;
}

.btn-yes {
	margin-right: 1rem !important;
}


.btn-yes:before {
	content: '\F513';
}

.btn-no:before {
	content: '\F511';
}

.btn-no:hover {
	background-color: #ff4136;
	border-color: #ff4136;
}

.btn-yes:hover {
	background-color: #2ecc40;
	border-color: #2ecc40;
}