@media (min-width: 576px) {
	.site-content .container {
		max-width: 540px;
	}
}
@media (min-width: 768px) {
	.site-content .container {
		max-width: 720px;
	}
}
@media (min-width: 992px) {
	.site-content .container {
		max-width: 960px;
	}
}
@media (min-width: 1200px) {
	.site-content .container {
		max-width: 1140px;
	}
}

.session-wrapper {
    width: 100%;
    max-width: 420px;
    padding: 15px;
    margin: auto;
}

.has-error .invalid-feedback,
.has-feedback .valid-feedback, 
.has-feedback .invalid-feedback {
	display: block;
}

.file-wrapper .file-button {
    position: absolute;
    top: 0;
    right: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.file-wrapper .file-value {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.vtoggle {
	position: relative;
}
.chevron {
	width: 1rem;
	height: 1rem;
	display: inline-block;
	position: absolute;
	right: 2rem;
}
.chevron::before {
	border-style: solid;
	border-width: 0.25em 0.25em 0 0;
	content: '';
	display: inline-block;
	height: 100%;
	position: relative;
	transform: rotate(-45deg);
	vertical-align: top;
	width: 100%;
}

.chevron.bottom:before {
	top: 0;
	transform: rotate(135deg);
}