/*override standard variable values */
:root {
    --navbar-bg-color: #f5f5f5;
    --current-status-bg-color: #fff;
}


body {
    background-color: #fff;
}

.logo-container {
	margin: unset !important;
}
#navbarColor02 {
	justify-content: space-between !important ;	
}
#navbarColor02 form{
	transform: translateX(-36px); /*shift to the left to account for logo width and to hack to an accurate centering */
}

.activityText {
	display: none !important;
}
.th-expectedDate {
	display:none !important;
}
.currStatusRow {
	background-color: var(--navbar-bg-color);
}

img.navbar-brand {
	/*height: 75px;*/
	width: 120px;
	padding: 0px;
    max-width: unset;
    max-height: 85px;	
	margin: 5px 0px  !important;
}

#frmSearch select,
#frmSearch input {
	padding: 16px;
	border-radius: 10px;
}

.noTrackingId  .trackingId-missing a,
.noTrackingId  .trackingId-notFound a {
	color: #252422;
}

.noTrackingId  .trackingId-missing ol,
.noTrackingId  .trackingId-notFound ol {
	max-width: 400px;
	text-align: left;
}

#frmSearch button {
	background-color: rgb(44, 115, 32) !important;
	border-radius: 10px;
    border-style: none;
    border-color: rgb(0, 0, 0)  !important;
    border-width: 2px;
    color: rgb(255, 255, 255);
    font-family: Montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 1.5;
    font-style: normal;
    white-space: normal;
    padding: 0px 10px;
    text-align: center;
    word-break: break-word;
    align-self: flex-end;
    cursor: pointer;
    pointer-events: auto;
    height: 58px;	
}

.trackingFooter {
	background-color: rgb(9,7,0) !important;
}

.contact-container {
    position: absolute;
    right: 0;
	top:0;
    padding-right: 10px;
    display: flex;
    flex-direction: row;
    justify-content: end;
    flex-wrap: nowrap;
    gap: 0;
    
	font-size: .75rem;

}

.contact-container a,
.contact-container a:hover {
	color:rgb(39, 39, 39) !important;
    font-family: Montserrat, 'Century Gothic', 'Helvetica Neue', sans-serif !important;
}

.contact-container .support-link {
	font-weight: 700;
}

#shipProgress > appointmentscheduled:not(:first-of-type) {
	display:none;
}

/* Hide dateflag elements that has a next sibling of the same element type */
dateflag:has(+ dateflag) {
  display: none;
}

@media (max-width: 576px) {
	#frmSearch {
	    flex-direction: column;
        gap: .5rem;
	}
	#frmSearch button {
		width:100%;
	}
}