/* DOR web application standard styles. This should be included AFTER bootstrap.min.css */
a {
	color: #0069BF;
}

.fa-ul li {
	color: #003865; /* Minnesota Blue*/
}

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

body {
	font-size: 16px; /* 12 pt */
	font-size: 1rem;
	/* font-family: Calibri, Arial, Helvetica, sans-serif; */
	font-family: "Open Sans", Calibri, Helvetica, sans-serif;
	margin-bottom: 86px; /* Margin bottom by footer height */
	line-height: 1.42857143;

}

/* Slightly different font families for headings. */
h1, h2, h3, h4, h5, h6 {
	font-family: "Source Sans Pro", "Calibri Bold", Helvetica, sans-serif;
}

p {
	margin-bottom: 10px;
	padding-right: 15px; /* So not too close to edge on narrow displays. */
}

body, p, span, div {
	/*color: #53565A; /* Dark Gray */
}

/* Underline hyperlinks */
a {
	text-decoration: underline;
}

a.btn{
	text-decoration: none;
}
label {
	font: normal 12pt "Open Sans", Calibri, Helvetica, sans-serif;

}
label.review {
	font: bold 12pt "Open Sans", Calibri, Helvetica, sans-serif;
}
legend {
	font: 12pt "Open Sans", Calibri, Helvetica, sans-serif;
}
	legend.required::after {
		content: " \002A ";
		color: #A6192E;
	}
h1 {
	font-size: 32px; /* 24 pt */
	font-size: 2rem;
	color:#000000;
}

h2 {
	font-size: 24px; /* 18 pt */
	font-size: 1.5rem;
	color: #000000;
}

h3 {
	font-size: 21.3333px; /* 16 pt */
	font-size: 1.3333rem;
}

h4, h5, h6 {
	font-size: 18.6667px; /* 14 pt */
	font-size: 1.1667rem;
	color: #000000;
}
.h1, .h2, .h3, h1, h2, h3 {
	margin-top: 20px;
	margin-bottom: 10px;
}
/* Reset from 100% default. */
.container-fluid {
	width: auto;
}

.row {
	margin-right: 0; /* NOTE: "unset" doesn't work in IE. */
}

/* Standard Department of Revenue header with link to website. */
.header-section {
	/* height: 132px; */
	width: unset;
}

#banner {
	background-color: #003865; /* Minnesota Blue*/
	background-position: left top;
	background-repeat: no-repeat;
	height: 132px;
	position: relative;
	vertical-align: middle;
	width: 100%;
	float: left;
	border-bottom: 6px solid #78BE21; /* Minnesota Green */
}

.dev-banner-background {
	background-color: #0a4b20 !important; /* Dark Green*/
	color: #ffffff;
}

.test-banner-background {
	background-color: #ffc845 !important; /* Yellow banner background color for test environment */
}


#logo {
	left: 20px;
	/*position: absolute;*/
	top: 40px;
	width: 350px;
	max-width: 80%; /* For EXTREMELY narrow windows. */
}

.appTitle {
	margin-bottom: 0;
	/*background-color: #D9D9D6;  Light Gray */
	min-height: 60px;
	/*font-size: 18px;*/
	/* font-size: 1.125rem; 
	padding: 15px;*/
	font-weight: bold;
	vertical-align: middle;
	color: #003865; /* Minnesota Blue*/
	top: auto;
	width: 100%;
	display: inline-block;
}

h1.appTitle, .h1.appTitle {
	/* Remove bottom margin from h1 with class "appTitle" */
	margin-bottom: 0;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 86px; /* Set the fixed height of the footer here */
	background-color: #333333; /* Dark gray */
	color: #FFFFFF; /* White */
	text-align: center;
	padding-top: 10px;
	padding-bottom: 6px;
}

.footer a, .footer p {
	color: #FFFFFF; /* White */
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
.container {
	width: auto;
	padding: 0 15px;
}

/* Have main with class container extend full width of surroundings. */
main.container {
	margin-right: -15px;
	margin-left: unset;
	margin-top: 15px;
	padding-right: 0;
	width: 200%;
	/* Force full width for browsers that don't recognize the below (IE) */
	width: -moz-available; /* Ignored by non-Mozilla-based browswers */
	width: -webkit-fill-available;
	/* Ignored by non-webkit-based browsers */
	width: fill-available;
	/* Newish "standard" - ignored by all browsers? */
	padding-right: 0;
	max-width: inherit;
	padding-right: 0;
	padding-right: 0;
}


.btn {
	/* Buttons, class="btn" */
	display: inline-block;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	color: #495057;
	width: auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-block-end: 1em;
	margin-inline-start: inherit;
	margin-inline-end: 1em;
/*	padding-inline-start: 20px;*/
	margin-bottom: 10px;
	border: 1px solid #ced4da;
	width: auto;
	font-size: 18.6667px; /* 14 pt */
	font-size: 1.1667rem;
	font-family: "Source Sans Pro", "Calibri Bold", Helvetica, sans-serif;
	font-weight: bold;
}

	.btn:focus, .btn:hover {
		/* Background / highlight for hover/active button. */
		border-color: #9BCBEB; /* Extended Accent Sky Blue */
		-webkit-box-shadow: 0px 0px 1px 3px #9BCBEB;
		/* Extended Accent Sky Blue */
		box-shadow: 0px 0px 1px 3px #9BCBEB; /* Extended Accent Sky Blue */
	}

	.btn.disabled, .btn[disabled] {
		cursor: not-allowed;
		filter: alpha(opacity = 65);
		-webkit-box-shadow: none;
		box-shadow: none;
		opacity: .65
	}

.btn-primary, .btn-primary:hover,
.btn-primary:focus, .btn-primary.focus,
.btn-primary.disabled, .btn-primary:disabled {
	color: #FFFFFF; /* White */
	background-color: #008EAA; /* Accent Teal */
	border-color: #008EAA; /* Accent Teal */
}

.btn-secondary, .btn-secondary:hover,
.btn-secondary:focus, .btn-secondary.focus,
.btn-secondary.disabled, .btn-secondary:disabled {
	color: #003865; /* Minnesota Blue*/
	background-color: #D9D9D6; /* Light Gray */
	border-color: #53565A; /* Dark Gray */
}

.btn-lg {
	padding: 0.75rem 1.5rem;
	margin: 0;
	font-size: 21.3333px; /* 16 pt */
	font-size: 1.3333rem;
	font-weight: bold;
}

.btn-md {
	padding: 0.625rem 1.25rem;
	margin: 0;
	font-size: 18.6667px; /* 14 pt */
	font-size: 1.1667rem;
	font-weight: bold;
}

.btn-sm {
	padding: 0.25rem 0.5rem;
	margin: 0;
	font-size: 16px; /* 12 pt */
	font-size: 1.0rem;
	font-weight: bold;
}

.btn-xs {
	padding: 0.25rem 0.5rem;
	margin: 0;
	font-size: 13.333px; /* 10 pt */
	font-size: 0.8333rem;
	font-weight: bold;
}


/* Modal Header */
.modal-header {
	border: 1px solid #D9D9D6; /* Light Gray */
	border-radius: 4px;
	background-color: #D9D9D6; /* Light Gray */
	color: #003865; /* Minnesota Blue*/
}

/* Close button for modal dialogs */
.close span, .close span:hover {
	/* color: #003865; Minnesota Blue*/
}

h5.modal-title {
	 color: #003865; /*Minnesota Blue*/
	 font-weight:bold;
}
/* Modal dialog title formatting */
h3.modal-title {
	font-size: 24pt; /* 18 pt */
	font-size: 2rem;
}

/* Modal dialog footer button hover / focus color. */
.modal-footer .btn:focus, .modal-footer .btn:hover {
	color: #FFFFFF; /* White */
}

/* Modal dialog footer secondary button hover / focus color. */
.modal-footer .btn-secondary:focus, .modal-footer .btn-secondary:hover {
	color: #003865; /* Minnesota Blue*/
}

/* Warning dialog header background color */
.warning-modal {
	background-color: #A6192E; /* Red */
	color: #FFFFFF;
}

/* Main body of modal dialog, between title and buttons. */
.modal-body {
	font-size: 18.6667px /* 14 pt */
	font-size: 1.1667rem max-height: calc(100vh - 200px);
	max-width: 100vw;
	overflow-y: auto;
	color: #000000;
}

/* Dotted outline on keyboard focus. */
a:focus {
	outline: 2px dotted #53565A; /* Dark Gray */
	outline-offset: 3px;
}

/* Blocks of code. */
code {
	color: #003865; /* Minnesota Blue*/
	font-family: "Courier New", courier, monospace;
}

.maxwidth {
	/* Constrain containers with this class to a width of 1024 pixels, centered on the page. */
	max-width: 1024px;
	margin: 0 auto;
}

.appTitle button {
	/* Tweak style for single button within appTitle div,
	for apps with logout button but no top navbar. */
	float: right;
	font-size: 16px;
	font-size: 1rem;
}

.noshow {
	/* Apply class to items that should not be displayed. */
	display: none;
}

.text-danger {
	font-weight:bold;
	color: #A6192E !important;
}