@charset "utf-8";

/* CSS Document */

.basicText {
  font-size:1.1em;
  line-height:110%;
  /*font-family:arial,sans-serif,helvetica;*/
}

.redText {color:#FF0000;}

.redBG {background:#f9e5e6;}

.greenText {color:#008000;}

.greyBG {background:#e0e0e0;}

.reqField
{
	font-size:1.2em;
	color:red;
	font-weight:bold;
}

.reqField a:link {color:red;}
.reqField a:visited {color:red;}
.reqField a:hover {color:red;}
.reqField a:active {color:red;}


label.prompt {
	font-size:1.5em;
	font-weight:bold;
	color:#222;
	line-height:120%;
	margin:0;
	padding:0 0 3px 0;
	border:none;
	display:block;
}


.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}

.ui-state-disabled.ui-state-hover {
	background-image: none !important;
}

.ui-dialog a, .ui-dialog a:hover, .ui-dialog a:visited {
	text-decoration: underline;
}

h3 .instructions {
	font-size : 12px;
	font-weight: normal;
}

input.error, select.error, textarea.error {
	border: 1px solid red;
}

tr.error td,
.hastable tr.error td {
  background-color: #f9e5e6;
  border-bottom: 1px solid red;
  border-top: 1px solid red;
}

tr.error td:first-child,
.hastable tr.error td:first-child {
  border-left: 1px solid red;
}

tr.error td:last-child,
.hastable tr.error td:last-child {
  border-right: 1px solid red;
}

#tooltip.description {
  color: #000 !important;
}
#tooltip.description ol {
  display: block;
  list-style-type: decimal;
  margin-top: 0.5em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 20px;
}
#tooltip.error {
	border: 1px solid #b50007;
	border-radius: 5px;
	background-image: none;
	background-color: #f9e5e6;
}
#tooltip.error h3 {
	background: transparent;
	font-weight: bold;
}

#page-header, #page-header #page-header-wrapper, #page-header #page-header-wrapper #navigation {
	z-index: 9997 !important;
}
.ui-dialog {
	z-index: 9998 !important;
}

.modal .message .timer {
	display: inline-block;
	font-style: italic;
}

.ui-datepicker-trigger {
  vertical-align: bottom;
}

.datepicker-modal {
  position: absolute !important;
  top: auto !important;
  left: auto !important;
}

div.mainTable {
  margin-bottom : 10px;
  margin-left : 10px;
  margin-right : 10px;
  margin-top : 10px;
}
table.mainTable {
  max-width : 400px;
}
.mainTitle {
  font-size : 2em;
}
td.label {
  width: 120px;
}

div.field .label,
td.label label,
td.label b {
  font-weight: 400;
}
td.label label {
  padding-top: 0.25em;
}
table.mainTable td.label {
  width : 150px;
}

.mainSubTitle {
  font-size : 1.5em;
}

input:-moz-read-only {
  background-color: #FFF;
}

.key-container {
  width:33.3%;
  display:inline;
}

.key-label {
  position:relative;
  top: -15px;
}

.key-spacer {
  padding-left:20px;
  padding-right:20px;
}

#modal_screen_size h4 {
  font-weight: bold;
  margin: 10px 0px;
  font-size: 12px;
  margin-top: 15px;
}

#modal_screen_size h3 {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 10px;
}

#modal_screen_size h2 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 1em;
}

.buttons {
  padding: 10px;
  text-align: center;
}

table.fata {
  width: 100%;
}
table.fata th,
table.fata td {
  padding: 0.5rem;
}
table.fata.fata-two-column td:first-child {
  text-align: right;
  width: 1px;
  max-width: 120px;
  min-width: 120px;
  white-space: nowrap;
  padding: 0.5rem;
}
table.fata.fata-two-column td span.fata-value {
  padding: 0.25rem;
  display: inline-block;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

table.fata address {
  padding: 0.25rem;
  font-style: italic;
}

table.fata div.fata-subtext {
  padding: 0.25rem;
  font-style: italic;
}
table.fata strong {
  font-weight: bold;
}

table tr td.facts-alert-success,
.facts-alert-success {
  color: green;
}
table tr td.facts-alert-warning,
.facts-alert-warning {
  color: red;
}
.fata-container.fata-columns {
  display: flex;
  align-items: flex-start;
}
.fata-container.fata-columns > * {
  margin: 0 0.25rem;
}

table.fata.fata-columns tbody tr > td:first-child {
  width: 12em;
}
table.fata thead th {
  font-size: 1.25em;
  font-weight: bold!important;
  padding: 0.75rem 0.5rem;
  border-bottom: 1px solid #dbdbdb;
}

div.fata > div.fata-row {
  display: flex;
  margin: 0.425rem;
}
div.fata > div.fata-row > div.fata-col:first-child {
  width: 120px;
  white-space: nowrap;
  padding: 0.5rem;
  text-align: right;
}
div.fata > div.fata-row > div.fata-col:last-child {
  flex-grow: 1;
  padding: 0 0.5rem;
}

.facts-uppercase {
  text-transform: uppercase;
}

button.facts-fabu {
  padding: 0;
  margin: 0;
  outline: none;
}

.paginator table thead th {
  vertical-align: middle;
}
.paginator table thead th.sortable {
  text-decoration: underline;
  font-weight: bold;
  cursor: pointer;
  position: relative;
}
.paginator table thead th.sortable:hover {
  background-color: rgba(0,0,0,0.165);
}
.paginator table thead th.sortable.sortable-active {
  background-color: rgba(0,0,0,0.165);
  padding-right: 21px;
}
.paginator table thead th.sortable span {
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -8px;
}

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

div.response-msg span.content {
  font-weight: normal;
}

.content-box-table {
  width: 100%;
}
.content-box-table > tbody > tr > th {
  width: 150px;
}

.error.simple-error {
  padding: 0 5px;
  background-image: none;
}

.error > ul {
  list-style: none;
}
.error > ul > li {
  margin: 5px 0;
  padding: 0;
}
.error strong {
  font-weight: bold;
  padding-top: 5px;
  font-size: 1.2em;
  display: block;
}

div.facts-auto-complete-results ul {
  box-shadow: 0 0 0.125rem rgb(45,45,45,0.825);
  padding: 0;
  list-style: none;
  background: #fff;
  display: block;
  border-radius: 0.125rem;
}
div.facts-auto-complete-results ul > li {
  padding: 0.5rem;
  border-bottom: 1px solid #dbdbdb;
  cursor: pointer;
}
div.facts-auto-complete-results ul > li:hover {
  background-color: rgba(0,0,0,0.0625);
}
div.facts-auto-complete-results ul > li:last-child {
  border-bottom: 0;
}
div.facts-auto-complete-results ul > li span.type {
  display: block;
}

input.field[readonly] {
  background-color: #E9ECEF;
}

.input-row {
  padding: 0.25em 0;
  display: flex;
  align-items: center;
}
.input-row > label {
  width: 6em;
}
.input-row > span:not(:first-child) {
  margin-left: 0.5em;
}

table.is-call-center {
  border: 0 none;
}
table.is-call-center td,
table.is-call-center th {
  display:block;
}
table.is-call-center td.is-control {
  text-align: right;
}
table.is-call-center tfoot > tr > td {
  border: 1px solid #ccc;
}
table.is-call-center tbody > tr:not(:last-child):not(:hover) > td {
  opacity: 0.5;
}
table.is-call-center tbody > tr > td[data-label="Species"] {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
table.is-call-center tbody > tr > td {
  border: 1px solid #aaa;
}
table.is-call-center tbody > tr > td:first-child {
  border-bottom: 0;
  margin-top: 0.5em;
  background-color: #e6e6e6;
}
table.is-call-center tbody > tr > td:first-child > *:not(:first-child) {
  margin-left: 1em;
}
table.is-call-center tbody > tr > td:not(:first-child):not(:last-child) {
  border-top: 0;
  border-bottom: 0;
}
table.is-call-center tbody > tr > td:last-child {
  border-top: 0;
}
  
table.is-call-center thead {
  display: none;
}


p {
  font-size: inherit;
}
button.ui-button {
  font-size: 12px;
}

.is-loading[data-component] {
  pointer-events: none;
  opacity: 0.5;
}
/*.is-loading[data-component]::before {
  content: 'Loading...';
  background: #000;
  position: relative;
  margin-bottom: 1.5em;
  line-height: 1.5em;
  padding: 0 0.5em;
}*/
td.action {
	white-space: nowrap;
	width: 1px;
	text-align: center;
}


.content-box div.row > *:not(:first-child) {
  margin-left: 0.5em;
}
div.row {
  padding: 0.25em 0;
  display: flex;
  font-size: 13px;
}
.ui-dialog div.row > span,
.ui-dialog div.row > label,
.content-box div.row > label,
.content-box div.row > span {
  line-height: 2em;
}
.content-box div.row > label:first-child,
.content-box div.row > span:first-child {
  min-width: 10em;
  padding-right: 1em;
}

#mdsfDealersList table {
  min-width: 500px;
}

.placeholder {
  color: #999;
}
.italic {
  font-style: italic;
}

/* For Content-Security-Policy to pass for unauthenticated users */
#not_form_error_content {
  font-weight:normal;margin-left:15px;
}
#not_form_content,
#modal_success_content,
#modal_warn_content {
  font-weight:normal;
}
#modal_error .general_error {
  font-weight:normal;
}
#modal_error .field_error {
  font-weight:normal; display:none;
}
#modal_error .field_error .section_error {
  font-weight:normal;
}
#modal_confirmation span.ui-icon {
  float:left; margin:0 7px 20px 0;
}
#modal_screen_size {
  font-size:13px!important;
}
#modal_screen_size_content div b {
  line-height: 1.3em;
}

ul#navigation ul ul {
  left: 100%!important;
}
ul#navigation li:hover ul {
  z-index: 1000;
}
ul#navigation li > ul {
  display: block;
  visibility: hidden;
  opacity: 0;
  transition: 200ms ease;
  transition-property: visibility, opacity, transform;
  transform-origin: top left;
}
ul#navigation li:not(:hover) ul {
  transition-delay: 500ms;
  transform: scale(0.9);
}
ul#navigation:has(li:hover) ul {
  transition-delay: 0ms;
}
ul#navigation li:hover > ul {
  visibility: visible;
  opacity: 1;
}
ul#navigation a.sf-with-ul {
  display: flex;
  padding-right: 0;
	padding:0 8px;
  gap: 2px;
}
ul#navigation a.sf-with-ul:after {
  content: ' ';
  display: flex;
  background-image: url(/css/themes/blueberry/images/icons-blue.png);
  background-position: -64px 0;
  width: 12px;
  height: 16px;
  align-self: center;
}
ul#navigation li ul a.sf-with-ul {
  justify-content: space-between;
}
ul#navigation li ul a.sf-with-ul:after {
  background-position: -32px 0;
}