body {
	background-color: lightgray;
}

.btn-blue:hover, .btn-blue:focus {
	background-color: lightgrey;
	color: #000;
}

.btn-blue {
	background-color: #10406a;
	border-radius: 30px;
	color: #fff;
}

.btn-green:hover, .btn-green:focus {
	background-color: lightgrey;
	color: #000;
}

.btn-green {
	background-color: #28a745;
	border-radius: 30px;
	color: #fff;
}

.btn-lime:hover, .btn-lime:focus {
	background-color: lightgrey;
	color: #000;
}

.btn-lime {
	background-color: #96cd48;
	border-radius: 30px;
	color: #000;
}

.btn-charcoal:hover, .btn-charcoal:focus {
	background-color: lightgrey;
	color: #000;
}

.btn-charcoal {
	background-color: #505060;
	border-radius: 30px;
	color: #fff;
}

.btn-full-width {
	width: 100%;
	margin-top: 5px;
}

.btn-full-width-d {
	width: 100%;
}

footer {
	border-top-color: #96cd48;
	border-top-width: 2px;
	border-top-style: solid;
}

#footer-announcements {
	background-color: #10406a;
	color: #fff;
	padding: 10px;
	min-height: 45px;
}

@media ( max-width : 767px) {
	.nav-item-top {
		background-color: #f7f7f7;
		border-color: lightgray;
		border-width: 1px;
		border-style: solid;
		padding-left: 5px;
		padding-right: 5px;
	}
	.navbar-collapse {
		padding-bottom: 5px;
	}
}

#footer-link-bar {
	min-height: 40px;
	background-color: #002541;
	color: #fff;
	padding: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #96cd48;
}

.footer-link {
	color: #fff;
	text-decoration: none;
}

.footer-link:hover, .footer-link:focus {
	color: #fff;
}

.navbar-light .navbar-nav a.nav-link {
	color: #000;
}

.navbar-light .navbar-nav a.nav-link:hover, .navbar-light .navbar-nav a.nav-link:focus
	{
	color: #23aae1;
}

/*state icon used in branding bar associated with MI.gov*/
.icons-state {
	float: left;
	margin-right: 5px;
	width: 20px;
	height: 20px;
	background: url('../../images/icons-state.png') 0 20px;
}

@media only screen and (max-width: 480px) {
	.moTech {
		width: 300px;
	}
}

.error {
	background-color: #ffd2d3;
	border: 1px solid #a94442;
}

label.error {
	background-color: inherit;
	border: none;
	background-image: none;
	color: #a94442;
}

#smileFirstName-error, #smileLastName-error, #smileIdInput-error,
	#smileEmail-error {
	color: #a94442;
	font-weight: bold;
	background-image: none;
	background-color: #FFFFFF;
	border: none;
}

.checkbox-error {
	border: 1px solid #a94442;
	background-color: #ffd2d3;
	padding: 1px;
}

.req {
	color: #a94442;
	font-weight: bold;
}

.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(102, 175, 233, .6)
}

.card-header-charcoal {
	color: #fff;
	background-color: rgb(80, 80, 96);
}

.card-header-green {
	color: #fff;
	background-color: #42745d;
}

.card-header-blue {
	color: #fff;
	background-color: #10406a;
}

.card-header-aqua {
	color: #fff;
	background-color: #246e97;
}

#sidebar {
	background-color: #f7f7f7;
	margin: 5px;
	padding: 0;
}

#sidebar ul {
	list-style-type: none;
	/* Remove bullets */
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0;
	background-color: #f7f7f7;
}

#sidebar ul li {
	border-bottom: 1px solid;
	border-color: lightgray;
}

#sidebar .nav-link {
	color: #000;
	font-size: 1.2em;
}

#sidebar ul li:last-of-type {
	border-bottom: 0px solid;
}

#sidebar .nav-link:hover {
	color: #10406a;
	text-decoration: underline;
}

#sidebar .btn-success {
	width: 100%;
	background-color: #10406a;
	border-color: #10406a;
	box-shadow: none;
}

#mainMenuCollapseToggle:hover, #mainMenuCollapseToggle:focus {
	color: #fff;
	font-size: 1.1em;
}

#sidebar .btn-success.focus, .btn-success:focus {
	color: #fff;
}

.topmargin10 {
	margin-top: 10px;
}

.top-margin-5 {
	margin-top: 5px;
}

.dropdown-item.active, .dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: aliceblue;
}

.fv-status {
	font-size: 0.8rem;
	color: #BB5808;
}

img.fv-protected-header {
    width: -webkit-fill-available;
    max-width: 35em;
}

.bold-underline-link {
	font-weight: bold;
	text-decoration: underline;
}
.scroll {
	position: relative;
	padding: 20px;
	height: 400px;
	overflow-y: scroll;
}

@media ( max-width : 767px) {
	.mscroll {
		position: relative;
		padding: 30px;
		height: 550px;
		overflow-y: scroll;
	}
}

a#mainMenuCollapseToggle.btn-success:focus {
	border-color: #96cd48;
	border-width: 3px;
	color: #fff;
}

.card {
	margin: 5px;
}

.card-header.card-header-green:focus {
	background-color: #10406a;
}

.red-exclamation {
	color: #d9534f;
	font-size: 1.2em;
}

.blue-modal-header {
	background-color: #3077B6 !important;
	color: #fff;
	font-weight: bold;
	font-size: 1.3em;
}

.radio-inline {
	position: relative;
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: 400;
	vertical-align: middle;
	cursor: pointer
}

@media ( max-width : 767px) {
	.moshow {
		display: block;
	}
}

@media ( min-width : 480px) {
	.deshow {
		display: none;
	}
}

.mcs-blue {
	color: #10406a;
}

.mcs-red {
	color: #ba4442;
}

.mcs-charcoal {
	color: #505060;
}

.mcs-green {
	color: #008000;
}

.mcs-bg-steel {
	background-color: #c5d9eb;
}

.embed-footer {
	padding: 10px 15px;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}

.mobileButton {
	width: 100%;
	white-space: normal;
}

.h1SmallStyle {
	font-size: 2em;
	font-weight: 400;
	line-height: 1;
	color: #777;
}

.alert-info {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1
}

.signup-heading {
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	color: white;
	font-size: 2em;
}

.custom-file-upload {
	border: 1px solid #ccc;
	display: inline-block;
	padding: 6px 12px;
	cursor: pointer;
	width: 100%;
}

.greenColor {
	color: #478600;
}

@media ( min-width : 479px) {
	.btn-default {
		color: #ffffff;
		background-color: #003366;
		border-color: #cccccc;
		font-weight: bold;
		width: 150px;
	}
	.btn-success, .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success,
		.btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover,
		.btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus,
		.btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active,
		.btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active
		{
		color: #ffffff;
		background-color: #008000;
		/* #64A912; */
		border-color: #4cae4c;
		font-weight: bold;
		width: 150px;
	}
	.btn-success:hover, .btn-success:focus, .btn-success:active,
		.btn-success.active, .open .dropdown-toggle.btn-success {
		color: #333333;
		background-color: #ebebeb;
		border-color: #adadad;
	}
	.form-group.required .control-label:after {
		content: "*";
		color: #A94442;
	}

	/* e1201 CSS */
	.left-margin1 {
		margin-left: 5px;
	}
	.left-margin2 {
		margin-left: 15px;
	}
	.left-margin3 {
		margin-left: 10px;
	}
	.appNavHeaderFontSize {
		margin-top: 0%;
		margin-bottom: 0%;
		height: auto;
	}
	.paddingLeftforLegend {
		padding-left: 3px;
		width: 90%;
	}
	.paddingLeft {
		padding-left: 1em;
	}
	.paddingBottom {
		padding-bottom: 1em;
	}
	.e1201-subTitle {
		margin-bottom: 10px;
	}
}

@media ( min-width : 993px) {
	.no-desktop-left-pad {
		padding-left: 0px;
	}
	.no-desktop-right-pad {
		padding-right: 0px;
	}
}

.hyphen-maker-zip-errorOff+.hyphen-maker-zip-errorOff:before {
	content: "-";
	position: absolute;
	left: -2%;
	top: 28px;
}

.top-bufferErrorOn {
	margin-top: 33px;
}

.top-bufferErrorOff {
	margin-top: 21px;
}

.top-buffer-error {
	margin-top: 13px;
}

.modal-header-blue {
	background-color: #10406a !important;
	color: #fff;
}

.modal-header {
	background-color: #10406a !important;
	color: #fff;
}

@media ( min-width : 768px) {
	.right-md {
		text-align: right;
	}
}

.top-buffer-5 {
	margin-top: 5px;
}

.top-buffer-10 {
	margin-top: 10px;
}

.alert-primary {
	padding-bottom: 5px;
}

.paddingLeftforLegend {
	padding-left: 3px;
	width: 90%;
}

.cardPadding {
	padding: 5px 20px 0px 5px;
}

.number-circle {
	display: inline-block;
	line-height: 0px;
	border-radius: 50%;
	border: 2px solid #fff;
	background: #fff;
}

.number-circle span {
	display: inline-block;
	padding-top: 50%;
	padding-bottom: 50%;
	margin-left: 8px;
	margin-right: 8px;
	color: #10406a;
}

.number-circle.complete {
	background: #008000;
}

.number-circle.complete span {
	color: #fff;
}

.number-circle.active {
	background: #cce5ff;
	border: 2px solid #fff;
}

.number-circle.active span {
	color: #10406a;
}

.number-circle.unstarted {
	background: #d3d3d3;
	border: 2px solid #fff;
}

.number-circle.unstarted span {
	color: #10406a;
}

.number-circle.incomplete {
	background: #ba4442;
	border: 2px solid #fff;
}

.number-circle.incomplete span {
	color: #fff;
}

@media ( min-width : 768px) {
	.right-md {
		text-align: right;
	}
}

.tooltip-blue {
	color: #10406A;
}

.warning-red {
	color: #a94442;
}

.bold {
	font-weight: bold;
	color: red;
}

.removeBold {
	font-weight: none;
}

.removeLinkStyle {
	color: #fff;
}

.col-v-center {
	margin-top: auto;
	margin-bottom: auto;
}

.fa-1dot5x {
	font-size: 1.5em;
}

.county-link {
	padding: 5px 10px 5px 10px;
}

a#tabSimpleId.nav-link.active {
	font-weight: bold;
}

a#tabPaymentsMadeId.nav-link.active {
	font-weight: bold;
}

a#tabPaymentsReceivedId.nav-link.active {
	font-weight: bold;
}

a#tabRecentPaymentsId.nav-link.active {
	font-weight: bold;
}

a#currentTab.nav-link.active {
	font-weight: bold;
}

a#arrearsTab.nav-link.active {
	font-weight: bold;
}

a#overviewTab.nav-link.active {
	font-weight: bold;
}

a#tabDateId.nav-link.active {
	font-weight: bold;
}

a#tabNameId.nav-link.active {
	font-weight: bold;
}

a#tabIvdCaseId.nav-link.active {
	font-weight: bold;
}

a#tabDocketId.nav-link.active {
	font-weight: bold;
}

#tabDateId {
	border-top-color: #979595 !important;
	border-right-color: #979595 !important;
	border-left-color: #979595 ! important;
}

#tabNameId {
	border-top-color: #979595 !important;
	border-right-color: #979595 !important;
	border-left-color: #979595 ! important;
}

#tabIvdCaseId {
	border-top-color: #979595 !important;
	border-right-color: #979595 !important;
	border-left-color: #979595 ! important;
}

#tabDocketId {
	border-top-color: #979595 !important;
	border-right-color: #979595 !important;
	border-left-color: #979595 ! important;
}

#tabSimpleId {
	border-top-color: #979595 !important;
	border-right-color: #979595 !important;
	border-left-color: #979595 ! important;
}

#tabPaymentsMadeId {
	border-top-color: #979595 !important;
	border-right-color: #979595 !important;
	border-left-color: #979595 ! important;
}

#tabPaymentsReceivedId {
	border-top-color: #979595 !important;
	border-right-color: #979595 !important;
	border-left-color: #979595 ! important;
}

#tabRecentPaymentsId {
	border-top-color: #979595 !important;
	border-right-color: #979595 !important;
	border-left-color: #979595 ! important;
}

#currentTab {
	border-top-color: #979595 !important;
	border-right-color: #979595 !important;
	border-left-color: #979595 !important;
}

#arrearsTab {
	border-top-color: #979595 !important;
	border-right-color: #979595 !important;
	border-left-color: #979595 ! important;
}

#overviewTab {
	border-top-color: #979595 !important;
	border-right-color: #979595 !important;
	border-left-color: #979595 !important;
}

label.customcheck {
	font-weight: normal;
}

.customcheck {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 1.1em;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.customcheck input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #d8d5d5;
	border-radius: 5px;
}

.customcheck input:disabled ~.checkmark {
	background-color: gainsboro !important;
}

/* On focus, add a border */
.customcheck input:focus ~.checkmark {
	border-width: 2px;
	border-style: solid;
	border-color: #3E55A4;
}

/* On mouse-over, add a grey background color */
.customcheck:hover input ~.checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.customcheck input:checked ~.checkmark {
	background-color: #008000;
	border-radius: 5px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.customcheck input:checked ~.checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.customcheck .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.alert-warning {
	background-color: #fff8ee;
}

.fieldsetBorder {
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: auto;
	border-style: solid;
	border-radius: 0.25rem;
	border-width: 1px;
	border-color: rgb(206, 212, 218);
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}

fieldset.fieldsetNoBorder {
	margin-bottom: 10px;
	width: auto;
	border-style: none;
	padding: 0px;
}

.labelFont {
	font-size: 1em;
}

.leftPadding {
	padding-left: 5px;
}

.bottomPadding {
	padding-bottom: 10px;
}

.noneDisp {
	display: none;
}

.no-underline-link {
	text-decoration: none;
}

.systemMessages {
	margin: 5px 5px 0px 5px;
}

.widgetGlobal {
	margin-bottom: 0px;
}

.form-check-input:checked {
	background-color: #10406a;
	border-color: #0d6efd;
}

.tooltip {
	opacity: 1.0;
}

.tooltip .tooltip-inner {
	background-color: #cfe2ff;
	color: rgb(8, 66, 152);
	border-color: lightgray;
	box-shadow: none;
	opacity: 1.0;
}

.custom-tooltip {
	-bs-tooltip-bg: #cfe2ff;
}

.tooltip-link {
	color: #fff;
}

#skip-to-navigation a {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#skip-to-navigation a:focus {
	height: auto;
	position: static;
	width: auto;
}

.linkAdaCon {
	color: #004085;
}

.mtop-16 {
	margin-top: 16px;
}

.dropdown-item a, .card-header a {
	text-decoration: none;
}

select.form-control {
	margin-top: .5px;
}

.activeLeftNav {
	background-color: #C5D9EB;
	font-weight: bold;
	margin: 0px -10px;
	padding: 0px 10px;
	border-radius: 0.375rem;
}

div.row div.card div.card-footer a#viewPaymentSummaryLink, div.row div.card div.card-footer a#viewAmountOwedLink,
	div.row div.card div.card-footer a#viewDocumentsLink, div.row div.card div.card-footer a.card-link
	{
	color: #206a9e;
	text-decoration: underline;
}

.activeLeftNav {
	background-color: #C5D9EB;
	font-weight: bold;
	margin: 0px -10px;
	padding: 0px 10px;
	border-radius: 0.375rem;
}

.chat-container {
	position: fixed;
	bottom: 0;
	right: 0;
	padding: 0px 25px 30px 0px
}

.btn-chat:hover, .btn-chat:focus {
	background-color: lightgrey;
	color: #000;
}

.btn-chat {
	background-color: #96cd48;
	border-radius: 5px;
	color: #000;
}

.margin-left-25p {
	margin-left: 25%;
}

.margin-right-25p {
	margin-right: 25%;
}