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;
}

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

body {
  margin-bottom: 60px;
}

/* Define the hover color for input fields */
input:focus {
	border-color: var(--primary-color) !important;
	box-shadow: none !important;
}

.form-check-input:checked {
	background-color: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
}

.btn-org-primary-outline {
	color: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
}

.btn-org-primary {
	color: white !important;
	background-color: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
}

.btn-org-primary:hover {
	color: white;
}

.spinner {
	width: 6rem;
	height: 6rem;
	border-width: 0.5rem;
	color: #3B71CA;
}

.text-size {
	font-size :16px !important;
}

.text-primary {
	color: var(--primary-color) !important;
}

@media only screen and (max-width: 500px) {
	.dtc-frame {
		width: 100%;
		max-width: 100%;
	}

	iframe {
		width: 100%;
	}
}

@media (min-width: 768px) {
	.responsive-text-size {
		font-size: 1.100rem;
	}
}

@media screen and (orientation: landscape) {
	.row > .col-md-6:first-child {
		border-right: 2px solid #eee;
	}

	.row > .col-md-6:last-child {
		border-right: none;
	}
}