﻿@media (min-width: 0px) {
	body {
		padding: 10px;
		font-family: Helvetica, sans-serif !important;
	}
	.client-style-main-card-header {
		padding-right: 0rem !important;
		padding-left: 0rem !important;
	}
}

@media (min-width: 576px) {
	body {
		padding: 20px;
		font-family: Helvetica, sans-serif !important;
	}
	.client-style-main-card-header {
		padding-right: 1rem !important;
		padding-left: 1rem !important;
	}
}

@media (min-width: 768px) {
	body {
		padding: 20px 20px;
		font-family: Helvetica, sans-serif !important;
	}
	.client-style-main-card-header {
		padding-right: 1rem !important;
		padding-left: 1rem !important;
	}
}

@media (min-width: 992px) {
	body {
		padding: 20px 10%;
		font-family: Helvetica, sans-serif !important;
	}
	.client-style-main-card-header {
		padding-right: 1rem !important;
		padding-left: 1rem !important;
	}
}

@media (min-width: 1200px) {
	body {
		padding: 20px 20%;
		font-family: Helvetica, sans-serif !important;
	}
	.client-style-main-card-header {
		padding-right: 1rem !important;
		padding-left: 1rem !important;
	}
}

::placeholder {
	color: #bbbbbb !important;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #bbbbbb !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #bbbbbb !important;
}

#clientLogo {
	height: 3em;
	top: 4px;
	position: relative;
	padding: 14px 0px;
}

#pcLogo {
	height: 3em;
	/*top: 4px;*/
	position: relative;
}

hr {
	border-top: 1px solid rgba(0,0,0,.1) !important;
}

.client-style-a-tag {
	color: #3b7fc4 !important;
}

.client-style-main-background {
	background-color: #f4f2f0 !important;
}

.client-style-main-card-body {
	background-color: #ffffff;
}

.client-style-main-card-header {
	background-color: #fcfeff !important;
}

#logo-text-color {
	color: #343a40 !important;
}

.card-body {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
}

.card-title {
	color: #212529;
}

.no-touch .btn-lg {
	-webkit-appearance: button !important;
}

.success-button {
	box-shadow: 4px 4px 4px rgba(0,0,0,0.25);
}

.success-button:hover,
.success-button:focus {
	box-shadow: 0 0 0 0.2rem rgba(72,180,97,.5), 4px 4px 4px rgba(0,0,0,0.25) !important;
	outline: none !important;
}

.success-button:active {
	box-shadow: 0px 0px 0px white;
	transform: translateY(4px) translateX(4px);
}

.success-button:disabled {
	box-shadow: none !important;
	background-color: #c4deca !important;
	border-color: #c4deca !important;
	cursor: not-allowed !important;
}

input:focus, textarea:focus {
	border-color: #6c757d !important;
	box-shadow: 0 0 0 0.2rem rgba(108,117,125,.5) !important;
}

.errorMessage {
	font-weight: bolder;
	color: crimson;
}

.grecaptcha-badge {
	display: none !important;
}