﻿* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

:root {
	--kt-primary: #6083b7;
	--kt-primaryHover: #406195;
	--kt-secondary: #fffef7;
	--kt-bg: #fff;
	--kt-white: #ffffff;
	--kt-black: #000;
	--kt-dark: #212529;
	--kt-gray: #5e5e6a;
	--kt-border: #5e5e6a;
	--kt-accent: #a4d5eb;
	--kt-textAccent: #708ebc;
	--light: #f8f9fa;
	--kt-font-xl: 3.75rem;
	--kt-font-lg: 2.8rem;
	--kt-font-rg: 1.75rem;
	--kt-font-md: 1.3rem;
	--kt-font-sm: 1.1rem;
	--kt-page-title-font: 1.75rem;
	--kt-page-title-font-mobile: 1.35rem;
	--kt-border-radius: 1rem;
	--kt-border-radius-sm: 0.5rem;
	--kt-border-radius-lg: 1.25rem;
	--kt-border-radius-xl: 1.375rem;
	--kt-button-radius: 0.9375rem;
	--kt-main-box-radius: 0.9375rem;
	--kt-main-box-shadow: 0 0.25rem 0.90625rem 0 rgba(0, 0, 0, 0.15);
	--kt-main-box-padding: 3rem;
	--kt-main-box-padding-mobile: 1.5rem;
	--kt-list-box-padding: 1.5rem;
	--kt-logo-gap: 1.25rem;
	--kt-logo-img-max-width: 4.5rem;
	--kt-logo-img-max-width-mobile: 2.625rem;
	--kt-choice-box-width: 42.5rem;
}

html,
body {
	font-family: 'Mulish', Helvetica, Arial, sans-serif;
	background: var(--kt-bg);
}

.text-primary {
	color: var(--kt-primary) !important;
}

.bg-primary {
	background-color: var(--kt-primary) !important;
}

.btn-md {
	padding: 0.5rem 1rem !important;
}

.btn {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.link-primary {
	color: var(--kt-textAccent) !important;
}

.card-body-contents .d-grid > button:last-child {
	border-end-end-radius: 10px !important;
	border-end-start-radius: 10px !important;
}

.btn-outline-info {
	border-top: 1px solid var(--kt-textAccent) !important;
	border-right: 1px solid var(--kt-textAccent) !important;
	border-left: 1px solid var(--kt-textAccent) !important;
	border-bottom: 1px solid var(--kt-textAccent) !important;
}

.btn-outline-info {
	background-color: var(--kt-primaryHover);
	color: var(--kt-white);
}

.btn-outline-info:hover {
	background-color: var(--kt-primary);
	color: var(--kt-white);
	border: 1px solid var(--kt-white) !important;
}

.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
	box-shadow:
		0 0 0 0 var(--kt-white),
		0 0 0 0 var(--kt-primary) !important;
}

.card-body-contents {
	scrollbar-width: thin;
	scrollbar-color: var(--kt-primaryHover, #b9bfc7) transparent;
}

a,
.btn-link {
	color: #006bb7;
}

.btn-primary {
	color: var(--kt-white);
	background-color: var(--kt-primary);
	border-color: var(--kt-primary);
	font-weight: bold;
	font-size: 1rem;
	border-radius: var(--kt-button-radius);
}

.btn-primary:hover {
	background-color: var(--kt-primaryHover);
}

.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
	box-shadow:
		0 0 0 0.1rem var(--kt-white),
		0 0 0 0.25rem var(--kt-primary);
}

.btn-outline-secondary {
	background-color: var(--kt-white);
	border: 2px solid var(--kt-border);
	color: var(--kt-border);
	font-weight: bold;
	font-size: 1rem;
	border-radius: var(--kt-button-radius);
}

.btn-outline-secondary:hover {
	background-color: var(--kt-border);
}

h1:focus {
	outline: none;
}

@media (max-width: 768px) {
	:root {
		--kt-font-xl: 2.4rem;
		--kt-font-lg: 1.8rem;
		--kt-font-rg: 1.2rem;
		--kt-font-md: 1rem;
		--kt-font-sm: 0.9rem;
	}

	.btn {
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}
}

