.menu-button, .menu-button::before, .menu-button::after {
	display: block;
	background-color: #fff;
	position: absolute;
	height: 4px;
	width: 30px;
	transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
	border-radius: 2px;
}
.bg-title{
	background-color: var(--b-title);
}
.bg-info{
	background-color: var(--b-info) !important;
}
.bg-google{
	background-color: var(--b-google) !important;
}
.bg-body{
	background-color: var(--b-body) !important;
}
.bg-primary{
	background-color: var(--b-google) !important;
}
.text-primary{
	color: var(--b-google);
}
.card{
	border-radius: .5rem;
}
canvas{
	min-height: 100% !important;
}
.signature-pad--body{
	min-height: 105px !important;
	aspect-ratio: 3/1;
	border: 1px solid var(--b-google);
}
.signature-pad {
	border: 0 solid black;
	background-color: var(--b-body);
	height: auto;
	margin-left: auto !important;
	margin-right: auto !important;
	box-shadow: none;
}
.signature-pad--actions {
	justify-content: center;
}
.signature-pad--footer{
	color: black;
}

.form-control{
	color: #000000 !important;
}

.border-top,
.border{
	border-top-color: var(--b-secondary) !important;
}
.border-right,
.border{
	border-right-color: var(--b-secondary) !important;
}
.border-bottom,
.border{
	border-bottom-color: var(--b-secondary) !important;
}
.border-left,
.border{
	border-left-color: var(--b-secondary) !important;
}

.bg-secondary-light {
	background: var(--b-secondary-light);
}

.btn-outline-primary{
	background: white;
	border-color: var(--b-google);
	color: var(--b-google);
	border-radius: 5px;
}

.btn-primary{
	background-color: var(--b-google);
	border-color: var(--b-google);
	color: white;
	border-radius: 5px;
}
.btn-primary:hover{
	border-color: white;
}