:root {
	--black: #1D2129;
	--white: #ffffff;
	--grey: #D7E1E1;
		--grey_2: #f0f0f0;
	--green: #BCFF39;
		--green_2: #09E1CD;
	--red: #E53760;
}

html, body {
	color: var(--black);
    font-size: 15px;
	font-weight: 500;
}
body { top: 0; }
a { color: var(--black); text-decoration: none; }
a:hover { color: var(--black); }


/******************************************************************************************************************/


header { background: var(--white); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); }
header img { display: inline-block; margin-right: 20px; }

h6 { margin-bottom: 30px; line-height: 1.5 !important; }

.card { background: var(--white); border: 1px solid var(--black); }
.card:hover { background: var(--grey); }


/******************************************************************************************************************/


.btn { border: 1px solid var(--black) !important; font-weight: 600 !important; padding: 0.75rem; }
.btn_sm { padding: 0.25rem 0.75rem; }
.btn_green { background-color: var(--green) !important; }

.checkout-bts { margin-bottom: 30px; display: flex; }
.checkout-bts button:hover { background: var(--grey) !important; }
.checkout-bts button { width: 100%; background: var(--white) !important; &:first-of-type { margin-right: 3px; } &:last-of-type { margin-left: 3px; } &.active { background: var(--green_2) !important; } }

.form-label { margin: 0 0 3px 0; font-size: 12px; text-transform: uppercase;  }
.form-control, .form-select { border: 1px solid var(--black); padding: 0.75rem; font-weight: 500; }
.form-control.error, .form-select.error { border: 2px solid var(--red); }
label.error { display: none !important; }


/******************************************************************************************************************/


.alert { text-align: center; }


/******************************************************************************************************************/