html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

input[type="checkbox" i]{
    width: 20px;
    height: 20px;
}

html {
    position: relative;
    min-height: 100%;
}

body {
  margin-bottom: 120px;
}

#overlay 
{
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: white;
	
	z-index: 2;
	
	padding: 20px;
	margin-bottom: 70px;

	cursor: pointer;
}

.container
{
    /*margin: 70px;
    max-width: 100%;*/
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

.linkButton{
    background: none;
    border: none;
}

h1, h2
{
	color: #eb6864;
}

.overlayCloseButton{
	position: fixed;

	top: 10px;
	right: 10px;
}

@media (max-width: 768px) {
	div {
		margin-bottom: 20px;
	}
}