html {
	max-width: 100%;
	overflow-x: hidden !important;
	overflow-wrap: break-word;
}
body {
    padding-top: 70px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

h2 {
	margin-top: 20px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 480px;
}

#nextAll ~ * {
   display: none;
}


html, body {
	height: 100%;
}
#footer-flush-bottom-wrap {
	min-height: 100%;
}
#footer-flush-bottom-main {
	overflow:auto;
	overflow-x: hidden !important;
	padding-bottom:100px; /* this needs to be bigger than footer height*/
}
#footer-flush-bottom-container {
	position: relative;
	margin-top: -55px; /* negative value of footer height */
	height: 75px;
	clear:both;
	padding-top:1px;
}

button[type="submit"] {
	min-width: 100px;
}

.modal.show {
	background-color: #000000a3;
}

/* Bootstrap 4 navbar mobile slide left */
@media (max-width: 992px) {
	.navbar-collapse {
		position: fixed;
		top: 50px;
		left: 0;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		width: 75%;
		height: 100%;
	}
	.navbar-collapse.collapsing {
		left: -75%;
		transition: height 0s ease;
	}
	.navbar-collapse.show {
		left: 0;
		transition: left 300ms ease-in-out;
	}
	.navbar-toggler.collapsed ~ .navbar-collapse {
		transition: left 500ms ease-in-out;
	}
}
/* END OF: Bootstrap 4 navbar mobile slide left */

/* Bootstrap 4 circle button */
	.btn-circle {
		width: 30px;
		height: 30px;
		text-align: center;
		padding: 0;
		font-size: 12px;
		line-height: 1.428571429;
		border-radius: 15px;
	}
	.btn-circle.btn-lg {
		width: 50px;
		height: 50px;
		padding: 0;
		font-size: 18px;
		line-height: 1.33;
		border-radius: 25px;
	}
	.btn-circle.btn-xl {
		width: 70px;
		height: 70px;
		padding: 0;
		font-size: 24px;
		line-height: 1.33;
		border-radius: 35px;
	}
/* END of Bootstrap 4 circle button */

[v-cloak] {
	display: none; /* Avoid flash rendering which happen until petite-vue is loaded */
}

/* Increase browser zoom level */
.zoom-1 {
    zoom: 1.1;
    -moz-transform: scale(1.1);
    -moz-transform-origin: 0 0;
}
.zoom-2 {
    zoom: 1.2;
    -moz-transform: scale(1.2);
    -moz-transform-origin: 0 0;
}
.zoom-3 {
    zoom: 1.3;
    -moz-transform: scale(1.3);
    -moz-transform-origin: 0 0;	
}
.zoom-4 {
    zoom: 1.4;
    -moz-transform: scale(1.4);
    -moz-transform-origin: 0 0;
}
.zoom-5 {
    zoom: 1.5;
    -moz-transform: scale(1.5);
    -moz-transform-origin: 0 0;
}

/* Apply form-control-lg only on small or mobile devices */
@media (max-width: 768px) {		
	.form-control-lg-mobile {
	    height: calc(1.5em + 1rem + 2px);
	    padding: .5rem 1rem;
	    font-size: 1.25rem;
	    line-height: 1.5;
	    border-radius: .3rem;
	}
	.col-form-label-lg-mobile {
	    padding-top: calc(.5rem + 1px);
	    padding-bottom: calc(.5rem + 1px);
	    font-size: 1.25rem;
	    line-height: 1.5;
	}			
	.btn-lg-mobile {
	    padding: .5rem 1rem;
	    font-size: 1.25rem;
	    line-height: 1.5;
	    border-radius: .3rem;
	}			
}