/* CSS Document */

.ato-row {
	min-height: 250px;
}

.ato-title-bar {
	background-color: #006633;
	color: white;
}

.footnote {
	font-size: 0.70em;
}

.formSubmitWait {
	display: none;
}

.required-field,
.warning {
	color: red;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
	color: #b94a48;
	background-color: #f2dede;
	border: 1px solid red;
}

.navbar-custom {
	background-color: #006633;
}

/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
	color: rgba(255, 255, 255, .8);
}

/* change the link color */
.navbar-custom .navbar-nav .nav-link,
.navbar-nav>li>.dropdown-menu .dropdown-item {
	color: rgba(255, 255, 255, .5);
}

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-link,
.navbar-nav>li>.dropdown-menu .dropdown-item.active,
.navbar-custom .nav-item:hover .nav-link {
	color: #ffffff;
}

.navbar-nav>li>.dropdown-menu .dropdown-item:hover {
	color: black;
}

.navbar-nav>li>.dropdown-menu {
	background-color: #006633;
}

.btn-expand-collapse {
	font-size: 1.2em;
}

.data-section {
	border: 1px dotted black;
	padding: 2px;
}

.section-title {
	background-color: blue;
	color: white;
	margin-bottom: 5px;
}

.ato-edit, .form-control {
	font-size: 10px;
}

.ato-edit label {
	font-weight: bold;
}

.ato-edit h1, .ato-edit h2 {
	font-weight: bold;
	font-size: 11px;
}

.ato-edit #btnGetOrderNumber {
	width: 80%;
}

.ato-edit #businessType {
	text-align: right;
}

.ato-edit #EMail {
	text-transform: uppercase;
}

.ato-edit input:focus {
	background-color: yellow;
	/* background-color: lightyellow; */
}

.ato-edit input:-moz-read-only {
	/* For Firefox */
	background-color: gainsboro;
}

.ato-edit input:read-only {
	background-color: gainsboro;
}

.zip-f6, .customer-f6, .survey {
	display: none;
}

/*
.table-active-row td {
	background-color: yellow;
}
*/

.edited-row td {
	background-color: yellow;
}

.at-limit {
	background-color: lightyellow;
}

.over-limit {
	background-color: lightpink;
}

#ato-post-links, #old-unit-buttons {
	margin-bottom: 7px;
	margin-right: 4px;
}

#aomi-info {
	margin-right: 5px;
}

#zip-f6-loader, #customer-f6-loader {
	margin-bottom: 15px;
}

.spinner {
	padding-right: 4px;
}

.spinner i {
	font-size:24px;
	color:red;
}

.vcenter-item {
	display: flex;
	align-items: center;
}

.loading {
	padding-left: 4px;
}

/* bootstrap related classes/styles */
.btn-group-xs > .btn, .btn-xs {
  padding: .25rem .4rem;
  font-size: .875rem;
  line-height: .5;
  border-radius: .2rem;
}


/*bigger screens*/
@media (min-width: 992px) {
	.ato-cell {
		border: 1px dotted black;
	}

	.ato-title {
		margin-top: 4px;
		font-size: 1.2em;
		font-weight: bold;
	}

	.ato-data {
		min-height: 200px;
	}

	#cc-content {
		min-height: 200px;
	}
}

/*smaller screens*/
@media (max-width: 991px) {
	.ato-cell {}

	.ato-title {
		font-size: 1.2em;
		font-weight: bold;
	}

	.ato-data {
		min-height: 10px;
	}
}