/* BASIC STYLES */

strong, h1, h2, h3, h4, h5, h6 {
    font-weight: normal !important;
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif ! Important;
}
H1, H2 {
	font-size: 38px;
    line-height: 44px;
	color:#333366;
}
/*H2 {
	font-size: 32px;
    line-height: 36px;
	color:#333366;
}*/
H3 {
	font-size: 22px;
    line-height: 24px;
	color:#333366;
}

a {
    color: #3573B1;
}

.eyebrow-header {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
    color: #333366;
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif ! Important;
    margin-bottom: 5px;
}

 .last-mile p, .last-mile li {
	font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 22px;
}
p a, li a {
 	text-decoration: underline; 
}
p a:hover, li a:hover {
 	text-decoration: none; 
}
sup a {
    text-decoration:none;
}
.button--primary {
    background-color: #333366;
    padding: 10px 20px;
    border: 1px solid #333366;
    font-size: 16px;
    line-height: 16px;
    color: #FFFFFF;
    text-decoration: none;
    border-radius: 3px;
	cursor: pointer;
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	height: 44px;
}
.button--primary:hover, .button--primary:focus {
	background-color:#F7F7F7;
	color: #333366;
}
:focus {
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}
.whitebg {
	background-color: #FFFFFF;
}
.graybg {
	background-color:#F7F7F7;
}

/* HEADER LINKS */
.last-mile.loggedin>div:first-of-type>div:first-of-type  {
    margin:0 auto;
    max-width: 1180px;
    padding: 30px 20px;
    text-align: right;
    font-size: 16px;
    line-height: 22px;
    color: #d9d9d9;
}
.last-mile.loggedin>div:first-of-type a {
    font-size: 16px;
    line-height: 22px;
    color: #333366;
	text-decoration:none;
    border-bottom: 3px solid #FFFFFF;
    font-family:"HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.last-mile.loggedin>div:first-of-type a.active,
.last-mile.loggedin>div:first-of-type a:hover,
.last-mile.loggedin>div:first-of-type a:focus{
    border-bottom: 3px solid #e71921;
  	padding-bottom: 2px;
}
/* HERO COMPONENT */
.last-mile section:first-of-type {
    background-color:#f5f7fa;
}
.bg-image {
    position: relative;
    text-align: right;
    background-image: url(/business/images/mail-person-homes.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    left: 10px;
    overflow: hidden;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}

.hero-component {
    padding: 80px 130px;
    max-width: 800px;
    /* float: right; */
}

.hero-component img {
    min-width: 600px;
}
.hero-callout {
    position: absolute;
    display: flex;
    background: #FFFFFF;
    border-radius: 12px;
    border: 00;
    gap: 24px;
    text-align: center;
    right: 00;
    padding: 10px 20px;
    bottom: 25px;
    z-index: 9999;
	align-content: center;
    align-items: center;
}

.hero-callout p {
    margin: 0;
}

.hero-callout div>p:first-of-type {
    font-size:32px;
    line-height:32px;
    margin-bottom:5px;
    color:#000000;
}
.hero-callout div>p:nth-of-type(2) {
    font-size: 14px;
    line-height:18px;
    color:#000000;
}
.hero-callout div:first-of-type {
    width: 175px;
}

.hero-callout div:first-of-type>p:first-of-type {
    font-size: 16px;
    line-height: 18px;
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif ! Important;
}
.loggedin .hero-component .hero-text {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 24px 0;
    gap: 16px;
}


/* SUBMIT BID */
.submit-bid {
    max-width: 1180px;
    margin: 0 auto;
    overflow: hidden;
    align-self: stretch;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 30px 30px;
    gap: 80px;
}
.submit-bid img {
    max-width: 450px;
    width: 100%;
    border-radius: 12px;
    margin: 60px 0 0 0;
}

.submit-bid ol.left-line  {
    align-self: stretch;
    border-left: 2px solid #333366;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 0px 0 35px;
    color: #000;
    margin: 10px 0 30px 0;
}
.submit-bid .left-line li {
    font-size: 16px;
    line-height: 22px;
    padding: 7px 0;
}

.completed-spreadsheet {
	display: inline-block;
}

.submit-bid .left-line li:first-child {
    padding-top: 0px;
}

.submit-bid >div:first-of-type {
    max-width: 550px;
}
.submit-bid label.button--primary.upload {
    margin-bottom: 20px;
}
@media (max-width: 992px){
	.submit-bid {
		display: flex;
		flex-wrap: wrap;
	}
	.submit-bid >div:first-of-type {
		width: 100%;
		max-width: none;
	}

	br.desktop-break {
		display: none;
	}
    .mobile-img img {
        max-width: 100%;
    }

    .hero-component {
        padding: 30px 60px;
    }
  h1.header-1 br {
      display: none;
  }
}
/* ABOUT THE PROGRAM */

.about-program {
    max-width: 1180px;
    margin: 0 auto;
    overflow: hidden;
    align-self: stretch;
    align-items: flex-start;
    justify-content: space-between;
    padding: 80px 30px 30px 30px;
    gap: 20px;
    flex-wrap: wrap;
}
.about-program>div:first-of-type {
    display:flex;
    gap: 40px;
    /*max-width: 1050px;*/
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
}
.about-program>div:nth-of-type(2) {
    display:flex;
    gap: 12px;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: flex-start;
}
.about-program img {
    width: 100%;
    min-width: 400px;
    border-radius: 12px 12px 0 0;
    margin: 0 0 30px;
}


/* SEARCH & MAP */
.map-helper {
	background-color:#f7f7f7;
}
.map-search {
    max-width: 1180px;
    margin: 0 auto;
    overflow: hidden;
    align-self: stretch;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 80px 30px 60px 30px;
    gap: 0;
    flex-direction: column;
}
#map-search h2.header-2 {
    font-size: 32px;
    line-height: 36px;
}
.map-search p.select-areas {
	margin-bottom:0;
}
.map-search ul.select-areas {
    margin-top: 15px;
    margin-left: 5px;
    margin-bottom: 30px;
}
.map-search li {
    font-size: 16px;
    line-height: 22px;
}
.map-search .resetlink .viewselector a {
	color: #333366;
	text-decoration:none;
	padding-bottom: 2px;
}
.map-search .resetlink .viewselector a:first-child {
	margin-left: 5px;
}
.map-search .resetlink .viewselector a.active,.map-search .resetlink .viewselector a:hover, .map-search .resetlink .viewselector a:focus {
	border-bottom: 3px solid red;
}
.map-search .resetlink .viewselector a:before {
	display:none;
}
.map-search .resetlink p {
	margin-bottom: 10px;
	text-align: right;
    display: inline-block;
    float: right;
}
.map-search .resetlink a {
	font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 18px;
	text-decoration: underline;
	color: #357ab7;
	margin-right:10px;
}
.map-search .resetlink a:hover,.map-search .resetlink:focus a {
	text-decoration: none;
}
.map-search .resetlink p a:before {
    background-image: url(/assets/images/business/priority-mail-next-day/reload.svg);
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 4px;
    position: relative;
    content: '';
    top: 3px;
    background-size: 16px;
}
.map-search .map-wrapper {
	border:1px solid #333366;
	border-radius: 14px;
	width: 100%;
	height: auto;
    padding: 0;
    POSITION: RELATIVE;
    WIDTH: 100%;
    HEIGHT: 500px;
}
.map-wrapper img {
    max-width: 100%;
	width:100%
}
.map-wrapper {
    overflow: hidden;
}
.map-search form {
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
    gap: 15px;
}
.map-search form > div {
    display:flex;
    flex-direction: column;
}
.map-search label {
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 8px;
}
.map-search input#zip-search {
    border: 1px solid #333366;
    border-radius: 5px;
	color: #000000;
    font-size: 14px;
    padding-left: 15px;
    padding-right: 15px;
	min-width: 300px;
    height: 42px;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.map-search input.button--primary {
    height: 42px;
}

.map-search .button--primary.upload {
    margin-top: 10px;
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
}
.map-search .button-download {
    margin-top: 20px;
}
  
/* Map Search table display */
.map-search div#bidding-history-table {
    display: none;
}
  
  
/* ERROR STATE */
div#error-zip {
    margin-top: 12px;
}
.error-zip P {
    color: #E71921;
    font-size: 16px;
    line-height: 22px;
    font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
}
.map-search .error #error-zip {
	display:block;
}
.map-search .error input#zip-search {
    border-color: #E71921;
}

p.error {
    color: #E71921;
    font-size: 16px;
    line-height: 22px;
    font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
}
p.success {
    color: #000000;
    font-size: 16px;
    line-height: 22px;
    font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
}
p.required {
	font-size:14px;
}

/********** Expandable Accordion ***********/
/* AUCTION FAQS*/
.afaqs {
	max-width: 1180px;
    margin: 0 auto;
    overflow: hidden;
}
.auction-faqs {
    align-self: stretch;
    display: block;
    align-items: flex-start;
    padding: 20px 30px 20px 30px;
    gap: 30px;
    flex-wrap: wrap;
}
.standalone-link {
	align-self: stretch;
    display: flex;
    align-items: flex-start;
    padding: 10px 30px 60px 30px;
    gap: 30px;
    flex-wrap: wrap;
}
.standalone-link a {
    color: #357ab7;
    text-decoration: underline;
}
.standalone-link a:hover,.standalone-link a:focus {
    color: #357ab7;
    text-decoration: none;
}
.title-header {
	max-width: 1180px;
    margin: 0 auto;
    overflow: hidden;
    align-self: stretch;
    padding: 30px 30px 20px 30px;
}

#expandable-accordion {
	padding-left: 12px;
	padding-right: 12px;
}

#expandingDetailedDrawers .italic-descriptions,
.accordion-container {
	padding-top: 12px;
}

.show-hide-item {
    background-color: #f7f7f7;
    margin-top: 18px;
    border-radius: 10px;
    border: none;
}

.show-hide-item .card-content {
	margin: 8px 12px 0 12px;
}

.show-hide-item p {
	padding-top: 0px;
}

.accordion-button {
    display: flex;
    width: 100%;
    padding: 24px 12px;
    text-align: left;
    overflow-anchor: none;
	background-color: #f7f7f7;
    border: none;
    box-shadow:none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
    border-radius: 10px;
}

.accordion-button:not(.collapsed)::after, .accordion-button.show::after {
	transform: rotate(-180deg);
}

.show-hide-button.accordion-button::after {
	background-image: url("/assets/images/default/expand-icon.svg");
	content:"";
	display: inline-block;
	width: 25px;
	background-size: 25px 25px;
	height: 25px;
	flex-shrink: 0;
    margin-left: auto;
    background-repeat: no-repeat;
    transition: transform .2s ease-in-out;
}

.show-hide-button.accordion-button:not(.collapsed):after ,.show-hide-button.accordion-button.show:after {
	background-image: url("/assets/images/default/collapse-icon.svg");
}

.show-hide-button.accordion-button:focus,
.show-hide-button.accordion-button:not(.collapsed):focus,.show-hide-button.accordion-button.show:focus {
	outline: 0;
	-webkit-box-shadow: 0 0 0 0.2rem rgb(38 143 255 / 50%);
	box-shadow: 0 0 0 0.2rem rgb(38 143 255 / 50%);
	text-decoration: none;
	position: relative;
}
  
.article .drawer-buttons-wrapper a.inline-link {
    margin-top: 0px;
	margin-left: 32px;
}

#expandingDetailedDrawers .drawer-buttons-wrapper {
    margin-bottom: 20px;
}  


.accordion-button:hover {
    background-color: #f7f7f7;
  box-shadow:none;
}
  .accordion-header {
    margin-right: 15px;
    color: #333366;
    font-size: 22px;
    line-height: 24px;
}
  .accordion.show-hide-item.active .show .card-content {
    padding-bottom: 24px;
}
@media (max-width:768px) {
	.show-hide-item {
		width: 100%;
	}
}

/* MODAL */
.map-search .resetlink .viewselector p a:before {
	display:none;
}

.modal-content {
    padding: 30px;
}
#bid-succes button.close {
    font-size: 32px;
}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    opacity: .75;
}
#bid-succes .modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
}
#bid-succes  .close:hover {
    color: #000;
    text-decoration: none;
}
#bid-succes button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#bid-succes .close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    opacity: .5;
}
#bid-succes button {
    box-shadow: none;
    font-size: 24px;
}

/** Table **/


/**************/
/* TABLE VIEW */
/**************/

/********** TABLE LIST **********/

span.separator {
    margin-left: 5px;
    margin-right: 5px;
}  

.bidding-process-basics p:first-child {
    font-size: 20px;
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif ! Important;
}

.bidding-process-basics p + p {
    margin-top: 15px;
}

.bmi-header {
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif ! Important;
}

.bids-must-include ul {
    margin-left: 5px;
}

.submit-bid-container {
	width: 50%;
}

.submit-bid-container .eyebrow-header, .submit-bid .eyebrow-header {
	text-transform: none;
}

.submit-bid-container .header-3, .submit-bid .header-3 {
	margin-top: 10px;
	margin-bottom: 20px;
}
  
section.bidding-table-section {
    /* padding-left: 30px;
    padding-right: 30px; */
    margin: 0 auto;
    max-width: 100%;
    border: 1px solid #000000;
    border-radius: 5px;
    background: #ffffff !important;  
}

input[type=checkbox], input[type="radio"].toggle {
    position: absolute;
    opacity: 0;
}

input[type=checkbox] ~ span.checkbox {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #595959;
    margin: 0 5px 0 0;
    vertical-align: middle;
    background: #ffffff;
}

.checkbox {
    position: relative;
}

input[type=checkbox]:checked ~ span.checkbox:after {
    content: "";
    display: block;
    left: 6px;
    top: 1px;
    width: 6px;
    height: 11px;
    border: solid #333366;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
}

table#bidding-history-table {
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border: 1px solid #999999;
	border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}

#bidding-history-table th a {
 	color: #333366; 
}

#bidding-history-table p {
    font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    margin: 0 0 0px;
}

#bidding-history-table strong {
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal !important;
}

.header-container {
 	padding-top: 15px; 
}

.table-list-container {
	padding-top: 5px;
  	overflow: auto;
}

.table-list th, .table-list td {
    padding-left: 30px;
    padding-right: 30px;
	vertical-align: top;
}

.table-list th {
	border-bottom: 2px solid #e71921;
    white-space: nowrap;
    /* background: #ededed; */
	padding-top: 10px;
    padding-bottom: 10px;
}

.table-list th p {
    color: #333366;
}

.table-list td {
	padding-top: 15px;
	padding-bottom: 15px;
	border: 1px solid #d8d8d8;
}

.table-list-header-row img {
	padding-left: 5px;
	padding-bottom: 1px;
	width: 16px;
}

.table-list th:nth-child(1), .table-list td:nth-child(1) {
    text-align: center;
}

.table-list th:nth-child(5), .table-list td:nth-child(5) {
    text-align: center;
}

.table-list-header-row a {
    text-decoration: none;
}

.table-list-header-row a:hover {
    color: #333366;
}

#bidding-history-table th:first-child {
    border-top-left-radius: 14px;
}

#bidding-history-table th:last-child {
    border-top-right-radius: 14px;
}

#bidding-history-table .table-list tr:last-child > td:first-child {
	border-bottom-left-radius: 14px;
}

#bidding-history-table .table-list tr:last-child > td:last-child {
	border-bottom-right-radius: 14px;
}
  
#bidding-history-table .table-list-container {
 	padding-top: 0px; 
}


@media only screen and (max-width: 767.98px) {

	.table-list-container {
		padding-left: 0px;
		padding-right: 0px;
	}
}

/* Reordering Table List CSS */
/* @media only screen and (max-width: 767.98px) {

	.table-list-container {
		padding-left: 0px;
		padding-right: 0px;
	}

    .table-list tr {
    	display: flex; 
	} 

	.table-list th:nth-child(1), .table-list td:nth-child(1) {
        order: 1;
        width: 10%;
    }

	.table-list th:nth-child(2), .table-list td:nth-child(2) {
    	width: 25%;
		order: 3;
	}

	.table-list th:nth-child(3), .table-list td:nth-child(3) {
        width: 25%;
		order: 4;
	}
    
    .table-list th:nth-child(4), .table-list td:nth-child(4) {
        width: 30%;
        order: 5;
    }

    .table-list th:nth-child(5), .table-list td:nth-child(5) {
    	width: 10%;
		order: 2;
	}
	
} */

@media only screen and (min-width: 768px) {

    .table-list th:nth-child(1), .table-list td:nth-child(1) {
        width: 10%;
    }

    .table-list th:nth-child(2), .table-list td:nth-child(2),
    .table-list th:nth-child(3), .table-list td:nth-child(3) {
        width: 25%;
    }
    
    .table-list th:nth-child(4), .table-list td:nth-child(4) {
        width: 30%;
    }
    
    .table-list th:nth-child(5), .table-list td:nth-child(5) {
        width: 10%;
    }
}

.table-list-count {
	text-align: right;
}

@media only screen and (min-width: 768px) {
	.table-list-count p {
		padding-right: 15px;
	}
}		
		
/************/
/* CALENDAR */
/************/

::placeholder {
 	color: #999999 !important;
  	opacity: 1;
}
.bid-details p {
    font-size: 16px;
	margin-top: 25px;
}
.bid-details-wrapper p {
    margin-top: 30px;
}
.bid-details-wrapper form{
    margin-top: 40px;
}
.bid-details {
    max-width: 1180px;
    margin: 0 auto;
    overflow: hidden;
    align-self: stretch;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 30px 30px;
    /* gap: 80px; */
}
.bid-details-wrapper label {
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 8px;
}
.bid-details-wrapper input {
    border: 1px solid #333366;
    border-radius: 5px;
	color: #000000;
    font-size: 14px;
    padding-left: 15px;
    padding-right: 15px;
	min-width: 210px;
    height: 42px;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.bid-details-wrapper .form-group{
    display: inline-table;
    margin-right: 30px;
}
.bid-details-wrapper .form-group:last-child{
    margin-right: 0px;
}
span.cal-info:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  margin-bottom: -6px;
  margin-left: 10px;
  margin-right: 6px;
}

.info-selected:before {
  background: #333366;
}

.info-unavailable:before {
  background: #d3d3d3;
}

.info-available:before {
  background: #fff;
}

.form-control[readonly] {
  background-color: #fff;
}
/********** END CALENDAR CSS **********/

/********** START SINGLE VIEW CALENDAR CSS **********/
.ui-datepicker td:first-child {
  pointer-events: none !important;
}

.ui-datepicker td:first-child a,
.ui-datepicker td:first-child span {
  background-color: #d8d8d8 !important;
  color: #000 !important;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 0px !important;
  top: 0px !important;
}

.ui-datepicker .ui-datepicker-prev {
  left: 0px !important;
  top: 0px !important;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 0px !important;
  top: 0px !important;
}

.ui-datepicker .ui-datepicker-next {
  top: 0px !important;
}

td.ui-datepicker-other-month {
  display: invisiable;
}

td.ui-datepicker-other-month.ui-datepicker-unselectable.ui-state-disabled {
  visibility: hidden !important;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  background-image: none;
  opacity: none;
}

.ui-datepicker-today a.ui-state-default {
  background-color: #fff !important;
  font-weight: normal !important;
  color: #000;
}

a.ui-state-default {
  font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  font-size: 16px !important;
  background: #fff !important;
  font-weight: normal;
  color: #000000 !importnat;
  text-align: center !important;
  border: 1px solid #333 !important;
  padding: 8px !important;
  margin: -0.7px;
}

.ui-datepicker td span {
  padding: 8px !important;
  font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  font-size: 16px !important;
  color: #000000 !important;
  background-color: #d3d3d3 !important;
  border: 1px solid #333 !important;
  margin: -0.7px;
}

.ui-widget-content {
  border: none !important;
  border-collapse: collapse !important;
  margin-top: 0px !important;
  padding: 0px !important;
  margin-left: 0 auto !important;
}

.ui-widget-header {
  font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  font-size: 100%;
  border: none !important;
  background: none !important;
  color: #333366 !important;
  font-weight: normal !important;
}

.ui-datepicker-month,
.ui-datepicker-year {
  font-weight: normal;
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
}

.ui-datepicker th {
  text-align: center;
  font-weight: bold !important;
  color: #000000;
  padding-top: 0px !important;
  padding-bottom: 10px !important;
  font-family: "HelveticaNeueW02-75Blod", "Helvetica Neue", Helvetica, Arial,
    sans-serif !important;
  font-size: 11px !important;
}

.ui-datepicker .ui-datepicker-title {
  text-align: inherit !important;
}

.ui-datepicker td {
  padding: 0px !important;
}

.ui-datepicker-group {
  border-collapse: collapse !important;
  border: 1px solid #333366;
  padding: 20px 8px 40px 18px;
  /* margin: 0px 20px 0px 0px; */
  width: 283px !important;
  height: 270px !important;
  text-align: center;
}

.ui-datepicker-multi .ui-datepicker-group table {
  margin-right: 20px !important;
}

.ui-datepicker-inline {
  display: inline-block !important;
}

a.ui-state-default.ui-state-active:after {
  display: block !important;
  border-left: 10px solid transparent !important;
  border-bottom: 10px solid #fff !important;
  position: absolute;
  margin-left: 0px;
  margin-top: 0px;
}

.ui-datepicker td:first-child a.ui-state-default.ui-state-active:after,
.ui-datepicker td:first-child span.ui-state-default.ui-state-active:after {
  content: "" !important;
  display: inline !important;
  border-left: 0px solid transparentparent !important;
  border-bottom: 0px solid #fff !important;
  border-top-color: rgba(0, 0, 0, 0.2) !important;
  margin-bottom: 0px;
  margin-right: 0px;
}

a.ui-state-default:after {
  display: none !important;
}

.ui-widget {
  font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial,
    sans-serif !important;
}

.ui-state-disabled {
  opacity: unset !important;
  background-image: none;
  text-align: center;
}

.ui-datepicker td:first-child a,
.ui-datepicker td:first-child span {
  background-color: #d8d8d8 !important;
}

.ui-datepicker-unselectable .ui-state-default {
  background: unset !important;
  text-align: center;
}

a.ui-state-default {
  color: #000 !important;
  background-color: #d3d3d3 !important;
}

.holiday a.ui-state-default {
  background-color: #d3d3d3 !important;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  width: unset !important;
  height: unset !important;
  border: none !important;
  right: 0px !important;
  background-color: #fff !important;
  background: none !important;
}

.ui-datepicker .ui-datepicker-next .ui-icon {
  background: url(/test/zone-chart/images/calendar-arrow.png) no-repeat;
  width: 20px;
  height: 25px;
  top: 139px;
  background-size: 15px 25px;
}

.ui-datepicker .ui-datepicker-prev .ui-icon {
  background: url(/test/zone-chart/images/calendar-arrow.png) no-repeat;
  width: 25px;
  height: 25px;
  top: 139px;
  left: -65px;
  transform: rotate(180deg);
}

a.ui-datepicker-prev.ui-corner-all.ui-state-disabled .ui-icon {
  background: none;
}

a.ui-datepicker-next.ui-corner-all.ui-state-disabled .ui-icon {
  background: none;
  transform: rotate(180deg);
  background-size: 17px 25px;
  left: 35px;
}

.ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all.ui-datepicker-multi-3.ui-datepicker-multi {
  width: 100% !important;
  display: inline-block !important;
  margin: auto 0px !important;
}

/* .ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all.ui-datepicker-multi-2.ui-datepicker-multi {
	width: auto !important;
} */

.ui-widget-header {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.ui-datepicker-multi .ui-datepicker-group {
  height: 330px !important;
}

.ui-widget-header {
  font-family: "HelveticaNeueW02-75Blod", "Helvetica Neue", Helvetica, Arial,
    sans-serif !important;
  font-size: 14px !important;
  color: #333366 !important;
}

.ui-datepicker-unselectable .ui-state-default {
  background: #d3d3d3 !important;
  color: #000000 !important;
  font-size: 16px !important;
}

a.ui-state-default {
  color: #000000 !important;
  font-size: 16px !important;
}

td.ui-datepicker-week-end.ui-datepicker-other-month.ui-datepicker-unselectable.ui-state-disabled {
  color: #e71921;
}

.ui-datepicker .ui-datepicker-title {
  line-height: 1em;
  margin-bottom: 20px;
  text-align: center;
}

.ui-datepicker-today a.ui-state-default {
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif !important;
  background-color: #fff !important;
  color: #000;
}

a.ui-datepicker-prev.ui-corner-all.ui-state-disabled .ui-icon {
  background: none;
}

.ui-datepicker-multi .ui-datepicker-group {
  height: 330px !important;
  margin-bottom: 20px;
}

div div .ui-datepicker-next .ui-icon {
  background: none;
}

a.ui-datepicker-prev.ui-corner-all.ui-state-disabled .ui-icon {
  transform: rotate(0deg);
  left: -55px;
}

.selected-date a.ui-state-default.ui-state-highlight {
  background-color: #333366 !important;
  color: #fff !important;
}

.ui-datepicker td a.ui-state-highlight {
  color: #333366 !important;
  font-size: 16px !important;
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif !important;
}

.selected-date a {
  color: #fff !important;
  background-color: #333366 !important;
}

.ui-state-default ~ .popover.top {
  display: none !important;
}

.ui-state-default.ui-state-active ~ .popover.top {
  display: block !important;
  margin: -107px 0px 0px -102px;
}
.ui-widget button {
  font-size: 2em !important;
}

.ui-datepicker .ui-datepicker-next .ui-icon {
  left: 40px;
}

.ui-datepicker-multi-13.ui-datepicker-multi {
  width: 83em !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  height: 40px !important;
  background-color: #fff !important;
}

.selected-date .ui-state-default {
  background-color: #333366 !important;
  color: #fff !important;
}

.ui-datepicker-unselectable.ui-state-disabled .ui-state-default {
  background-color: #d8d8d8 !important;
}

.ui-datepcker-arrow-down::before {
  position: absolute;
  top: 328px;
  right: 16px;
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  border-style: solid;
  border-color: transparent #000 #000 transparent;
  z-index: 99;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transfor: rotate(45deg);
  background-color: white;
  z-index: -1;
  border-width: 1px;
}

div#ui-datepicker-div.single-input-cal {
  border: 1px solid #595959 !important;
  width: 300px !important;
  height: 340px !important;
  z-index: 999 !important;
}

div#ui-datepicker-div.single-input-cal .ui-datepicker-title {
  text-align: center !important;
  width: 90% !important;
  margin-bottom: 10px !important;
  margin-top: 20px !important;
}

div#ui-datepicker-div.single-input-cal .ui-icon {
  top: 22px !important;
  left: 15px !important;
}

div#ui-datepicker-div.single-input-cal table {
  width: 87% !important;
  margin-left: 20px !important;
  margin-top: 12px !important;
}

div#ui-datepicker-div.single-input-cal .ui-widget-header {
  width: 259px !important;
}

.ui-datepicker-arrow-down::before {
  position: absolute;
  top: 328px;
  right: 16px;
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  border-style: solid;
  border-color: transparent #000 #000 transparent;
  z-index: 99;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transfor: rotate(45deg);
  background-color: white;
  z-index: -1;
  border-width: 1px;
}

div#ui-datepicker-div.single-input-cal.ui-corner-all {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
}

.ui-top-cal-arrow::before {
  position: absolute;
  top: 328px;
  right: 10px;
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  border-style: solid;
  border-color: transparent #000 #000 transparent;
  z-index: 99;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transfor: rotate(45deg);
  background-color: white;
  z-index: -1;
  border-width: 1px;
}

.ui-bottom-cal-arrow::before {
  position: absolute;
  top: -10px;
  right: 10px;
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  border-style: solid;
  border-color: transparent #000 #000 transparent;
  z-index: 99;
  transform: rotate(224deg);
  -ms-transform: rotate(224deg);
  -webkit-transfor: rotate(155deg);
  background-color: white;
  z-index: -1;
  border-width: 1px;
}

@media only screen and (min-width: 1058px) {
  .ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all.ui-datepicker-multi-12.ui-datepicker-multi {
    width: auto !important;
  }
}

@media only screen and (max-width: 767.98px) and (min-width: 370px) {
  .ui-datepicker .ui-datepicker-next .ui-icon {
    left: 0px !important;
  }

  .ui-datepicker .ui-datepicker-prev .ui-icon {
    position: relative;
    left: -53px;
  }
}

@media only screen and (max-width: 1057.98px) {
  .ui-datepicker .ui-datepicker-next .ui-icon {
    left: 0px !important;
    width: 14px;
    height: 25px;
    top: 0px;
  }

  .ui-datepicker .ui-datepicker-prev .ui-icon {
    left: -20px !important;
  }
}

@media only screen and (max-width: 1057.98px) and (min-width: 768px) {
  .ui-datepicker-multi-13.ui-datepicker-multi {
    width: 56em !important;
  }

  .ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all.ui-datepicker-multi-12.ui-datepicker-multi {
    padding: 0px 0px 0px 40px !important;
    width: 88% !important;
    padding-left: inherit !important;
  }

  .ui-datepicker .ui-datepicker-next .ui-icon {
    left: 50px;
  }

  /* div#ui-datepicker-div {
		top: 2174px !important;
	} */
}

@media only screen and (max-width: 767.98px) {
  .ui-state-default.ui-state-active ~ .popover.top {
    display: #000 !important;
    margin: 0px 0px 0px 0px;
  }

  .ui-widget.ui-widget-content {
    margin-top: 30px !important;
    height: 320px !important;
  }

  .ui-datepicker-inline {
    width: 85% !important;
    display: inline-block !important;
  }

  .ui-datepicker .ui-datepicker-next .ui-icon {
    position: relative;
    float: left;
    top: 0px;
    left: 0px;
  }

  .ui-datepicker .ui-datepicker-prev .ui-icon {
    position: relative;
    left: 10px;
    top: 0px;
  }

  .ui-datepicker .ui-datepicker-title {
    text-align: center !important;
  }

  a.ui-datepicker-prev.ui-corner-all.ui-state-disabled .ui-icon {
    left: 18px !important;
  }

  div#ui-datepicker-div.single-input-cal .ui-datepicker-title {
    width: 93%;
  }
}

@media only screen and (max-width: 321px) {
  .ui-datepicker-inline {
    width: 100% !important;
    display: inline-block !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ui-datepicker-multi-13.ui-datepicker-multi {
    width: 84em !important;
  }

  a.ui-state-default {
    color: #000000 !important;
    background-color: #d8d8d8 !important;
  }

  .holiday a.ui-state-default {
    color: #000000 !important;
    background-color: #d8d8d8 !important;
  }

  .ui-datepicker .ui-datepicker-next .ui-icon {
    left: 75px;
  }

  .ui-state-disabled,
  .ui-widget-content .ui-state-disabled,
  .ui-widget-header .ui-state-disabled {
    background-image: none;
    opacity: 1 !important;
  }
}
/********** END SINGLE VIEW CALENDAR CSS **********/

/********** START TWO MONTH CALENDAR VIEW **********/

/* 
#calendar-start-end .ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 1 !important;
}

#calendar-start-end .disabled-date .ui-state-default {
  opacity: unset !important;
  background-image: none;
  background-color: #d8d8d8 !important;
  cursor: default !important;
  text-decoration: none !important;
  pointer-events: none !important;
}

#calendar-start-end .ui-datepicker td a.ui-state-highlight {
  color: #000000 !important;
}

.calendar-legend span.cal-info {
  font-size: 14px;
  color: #000000;
}

#calendar-start-end .dp-highlight .ui-state-default {
  background: #333366 !important;
  color: #ffffff !important;
}

#calendar-start-end .ui-datepicker-group {
  border: 1px solid #d8d8d8;
}

#calendar-start-end .ui-datepicker .ui-datepicker-next .ui-icon {
  width: 20px;
  height: 25px;
  background-size: 10px 15px;
  top: 7px;
  left: -15px;
}

#calendar-start-end .ui-datepicker .ui-datepicker-prev .ui-icon {
  top: 0px;
  left: -17px;
  width: 20px;
  height: 25px;
  top: 0px;
  left: -5px;
  background-size: 11px 17px;
}

#calendar-start-end .start-end-calendar-key {
  padding-bottom: 10px;
}

#calendar-start-end .calendar-info-container div {
  padding-top: 20px;
}

#calendar-start-end .ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

#calendar-start-end .calendar-key-container,
.start-end-dates-cal-container {
  padding-top: 30px;
}

@media only screen and (max-width: 767.98px) {
  #calendar-start-end .calendar-key-container,
  .start-end-dates-cal-container {
    padding-top: 0px;
  }
}

#info-current-day.cal-info:before {
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  font-weight: normal !important;
  color: #000000;
}

#calendar-start-end span.cal-info:before {
  content: "1";
  display: inline-block;
  width: 30px;
  height: 30px;
  padding-top: 5px;
  margin-left: 15px;
  text-align: center;
}

#calendar-start-end .info-selected:before {
  color: #ffffff;
}

#calendar-start-end .button-wrapper {
  padding-bottom: 5px;
  margin-left: 15px;
}

#calendar-start-end .start-date-display-container input,
#calendar-start-end .end-date-display-container input {
  border: none;
  background: #ffffff;
  width: 20vw;
}

#calendar-start-end .btn-primary {
  min-width: 131px;
}

@media only screen and (max-width: 1057.98px) and (min-width: 768px) {
  #calendar-start-end .dialog-start-end.modal-dialog {
    width: 700px !important;
  }
}

@media only screen and (min-width: 1058px) {
  #calendar-start-end .dialog-start-end.modal-dialog {
    width: 650px !important;
  }
}
@media only screen and (max-width: 320.98px) {
  .ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    margin: 30px 0px;
    padding: 20px 15px 0 15px !important;
    height: auto !important;
    border: 1px solid #d8d8d8 !important;
  }
}

@media only screen and (max-width: 568.98px) {
  .ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    margin: 30px 20px;
    padding: 20px 15px 0 15px !important;
    height: 325px !important;
    border: 1px solid #d8d8d8 !important;
  }
}

@media only screen and (min-width: 768px) {
  .ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all.ui-datepicker-multi-2.ui-datepicker-multi {
    width: auto !important;
  }

  #calendar-start-end .ui-datepicker-group-first {
    margin-right: 20px;
  }
  #calendar-start-end .ui-datepicker-group-middle {
    display: block;
    margin-right: 20px;
  }
}

@media only screen and (max-width: 695.98px) {
  #calendar-start-end .start-last-date-cal {
    height: 760px !important;
  }
  .col-sm-6.end-date-display-container {
    -ms-flex: 0 0 51%;
    flex: 0 0 51%;
    max-width: 51%;
  }

  #calendar-start-end .resume-date-cal {
    height: 730px !important;
  }

  #calendar-start-end .ui-datepicker-multi .ui-datepicker-group {
    margin-bottom: 80px !important;
  }

  #calendar-start-end .start-date-display-container {
    top: -400px;
  }

  #calendar-start-end .end-date-display-container {
    top: -30px;
  }

  #calendar-start-end .save-clear-btn-clear-container {
    text-align: center;
    padding-top: 0px;
  }

  #calendar-start-end
    .save-clear-btn-clear-container
    .button-container:first-child {
    padding-top: 0px;
  }
}

@media only screen and (max-width: 360.98px) and (min-width: 321px) {
  .ui-datepicker-group {
    margin: 0px 0px 0px 0px;
  }

  #calendar-start-end .start-last-date-cal {
    padding-left: 4px;
    padding-right: 4px;
  }
} 

*/

/********** END TWO-MONTH CALENDAR VIEW **********/

#start-end-datepicker-single {
  display: block;
}
#start-end-datepicker {
  display: none;
}

.calendar-date {
    background: #ffffff url(/test/last-mile/images/calendar.svg) no-repeat;
    background-position: right 10px top 9px;
    background-size: 24px 24px;
    cursor: pointer;
}

@media screen and (min-width: 792px) {
  #start-end-datepicker-single {
    display: none;
  }
  #start-end-datepicker {
    display: block;
  }
}


/* Test CSS for focus on calendar using Ctrl + arrows */

/* Add focus styles for keyboard users */

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus{
	border: 1px solid #333366!important;
	background: #333366!important;
	font-weight: normal;
	font-family:"HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	color: #fff!important;
}


/* .ui-datepicker .ui-state-focus {}
  
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border: 1px solid #000!important;
font-size: 14px !important;
font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
background-color: #f7f7f7 !important;
color: #000 !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover,
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus{
border: 1px solid #333366!important;
background: #333366!important;
font-weight: normal;
font-family:"HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
color: #fff!important;
} */




/*****************/
/* Bidding Table */
/*****************/


.width-restriction-container{
    max-width: 1180px;
    margin: auto;
}


.bid-button-controls,
.bid-details-list .actionable-accordion-wrapper{
    margin-top: 24px;
}

.bid-button-controls>.white-bg-btn {
    background-color: #FFFFFF;
    color: #333366;
}

.bid-button-controls>.blue-bg-btn,
.launch-bid-control-container>.blue-bg-btn {
    background-color: #333366;
    color: #FFFFFF;
}

/* Table CSS */
.sectioned-bid-table {
    background-color: #FFFFFF;
    color: #000000;
    font-size: 12px;
}


.table-header-row {
    border-bottom: 1px solid #000000;
    display: flex;
    align-items: end;
}

.table-header-white,
.table-header-gray,
.table-doubled-row,
.table-subwhite-row,
.table-subgray-row {
    display: inline-block;
}

.table-header-white {
    background-color: #FFFFFF;
}

.table-header-gray,
.table-doubled-row {
    background-color: #ededed;
}

.sectioned-bid-table .table-header-white,
.sectioned-bid-table .table-subwhite-row {
    text-align: left;
    width: 30%;
}

.sectioned-bid-table .table-doubled-row,
.sectioned-bid-table .table-subgray-row {
    width: 70%;
}

.table-subgray-row {
    background-color: #FFFFFF;
}

.sectioned-bid-table .table-header-gray {
    width: 100%;
}

.table-center-header {
    text-align: center;
    padding-bottom: 0;
    padding: 8px 0 0;
}

.table-header-cell,
.table-data-cell{
    display: inline-block;
}

.table-header-cell strong {
    color: #333366;
}

.table-header-cell strong,
.table-data-cell span{
    display: inline-block;
    padding:0 12px;
}

.sectioned-bid-table .table-header-white .table-header-cell,
.sectioned-bid-table .table-subwhite-row .table-data-cell {
    width: 49%;
}

.sectioned-bid-table .table-header-gray .table-header-cell,
.sectioned-bid-table .table-subgray-row .table-data-cell {
    width: 19.5%;
}

.table-contents-row {
    border-bottom: 2px solid #ededed;
    display: flex;
}

/* Actionable accordion */
.actionable-accordion-container {
    background-color: #f7f7f7;
    border-radius: 10px;
    padding: 24px;
}

.actionable-accordion-header::after {
    background-image: url(/test/last-mile/images/plus.svg);
    content: "";
    display: inline-block;
    width: 15px;
    background-size: 15px 15px;
    height: 25px;
    flex-shrink: 0;
    margin-left: auto;
    background-repeat: no-repeat;
    transition: transform .2s ease-in-out;
    position: absolute;
    right: 0;
    top: 40px;
}

.actionable-accordion-wrapper.expanded .actionable-accordion-header::after {
    background-image: url(/test/last-mile/images/minus.svg);
}

button.actionable-accordion-header {
    background-color: #f7f7f7;
    box-shadow: none;
    position: relative;
    padding: 0 32px 0 0;
    margin: 0;
    width: 100%;
}

.actionable-accordion-content {
    display: none;
}

.actionable-accordion-wrapper.expanded .actionable-accordion-content {
    display: block;
}

.table-collection-container .sectioned-bid-table{
    margin-top: 24px;
}

/* wave 1 widths */
.wave-1-bid-table .table-header-white .table-header-cell,
.wave-1-bid-table .table-subwhite-row .table-data-cell,
.wave-2-bid-table .table-header-white .table-header-cell,
.wave-2-bid-table .table-subwhite-row .table-data-cell {
    width: 99%;
}

.wave-1-bid-table .table-header-gray .table-header-cell,
.wave-1-bid-table .table-subgray-row .table-data-cell,
.wave-2-bid-table .table-header-gray .table-header-cell,
.wave-2-bid-table .table-subgray-row .table-data-cell {
    width: 24%;
}

.wave-2-bid-table {
    background-color: #f7f7f7;
    padding-left: 30%;
}

.wave-2-bid-table .table-doubled-row, 
.wave-2-bid-table .table-subgray-row{
    width: 100%;
}

.table-data-cell>input {
    margin: 8px;
    width: calc(100% - 8px);
}

.sectioned-bid-table .table-data-cell:last-of-type>span,
.sectioned-bid-table .table-data-cell:last-of-type>strong,
.sectioned-bid-table .table-data-cell:last-of-type>input {
    padding-right: 0;
    margin-right: 0;
}

.launch-bid-control-container .launch-bidding-btn {
    padding-right: 40px;
    position: relative;
    box-shadow: none;
    border: 1px solid #333366;
}

.launch-bid-control-container .launch-bidding-btn::after {
    background-image: url(/test/last-mile/images/external-link.svg);
    content: "";
    display: inline-block;
    width: 25px;
    background-size: 16px 22px;
    height: 25px;
    flex-shrink: 0;
    margin-left: auto;
    background-repeat: no-repeat;
    position: absolute;
    right: 10px;
}

.bid-button-controls {
    margin-left: auto;
    width: fit-content;
}

.bid-button-controls .upload-btn {
    padding-left: 40px;
    position: relative;
    box-shadow: none;
    border: 1px solid #333366;
}

.bid-button-controls .upload-btn::before {
    background-image: url(/test/last-mile/images/share.svg);
    content: "";
    display: inline-block;
    width: 25px;
    background-size: 25px 22px;
    height: 25px;
    flex-shrink: 0;
    margin-left: auto;
    background-repeat: no-repeat;
    position: absolute;
    left: 10px;
}
			/** 12-18 fixes **/
  .bid-options {
    max-width: 1180px;
    margin: 0 auto;
    overflow: hidden;
    align-self: stretch;
    display: flex;
    align-items: stretch;
    justify-content: space-evenly;
    padding: 30px 30px;
    gap: 80px;
    flex-direction: column;
}
.bid-options .bid-option .drawer {
    display:none;
}

.bid-options .bid-option.active .drawer {
    display: block;
    padding-top: 10px;
}
.bid-options .actionable-accordion-container {
    padding: 0;
}

.bid-option h2 a {
    color: #333666;
    text-decoration: none;
    font-size: 36px;
    line-height: 40px;
}


.drawer {
    display: flex;
    flex-direction: column;
    align-content: space-around;
    align-items: stretch;
}

.bid-options {
    text-align: left;
}

.bid-options .eyebrow-header, .bid-options>div>h2.header-2,.bid-options>div>p {
    text-align: left;
}

.bid-option.option-select {
    padding: 40px;
    margin: 40px 0;
}

.drawer {
    text-align: left;
}

.drawer .bid-button-controls {
    width: 100%;
    margin-left: 0;
}

.option-separator {
    text-align: center;
    color: #000000;
}
.drawer .bid-details {
	padding: 0;
}
.drawer .bid-details-wrapper p {
    margin-top: 0;
}
.bid-option.option-select a:before {
    background-image: url(/test/last-mile/images/arrow-right.svg);
    content: "";
    display: inline-block;
    width: 25px;
    background-size: 15px 15px;
    height: 20px;

    background-repeat: no-repeat;
    transition: transform .2s ease-in-out;
}
.bid-button-controls .download-btn {
    position:relative;
    padding-left: 40px
}

.bid-button-controls .download-btn:before {
    background-image: url(/test/last-mile/images/file-download.svg);
    content: "";
    display: inline-block;
    width: 20px;
    background-size: 20px 18px;
    height: 20px;
    flex-shrink: 0;
    margin-left: auto;
    background-repeat: no-repeat;
    position: absolute;
    left: 10px;
}

.bid-button-controls .upload-btn:before {
    background-image: url(/test/last-mile/images/file-upload.svg);
    width: 20px;
    background-size: 20px 18px;
    height: 20px;
}
.drawer button:hover {
	background-color: #f7f7f7;
}
.actionable-accordion-header::after {
	right: 10px;
}
  label.button--link.upload {
    color: #357ab7;
    font-size: 16px;
    text-decoration: underline;
    margin-bottom: 20px;
}
label.button--link.upload:hover, label.button--link.upload:focus {
    color: #357ab7;
    text-decoration: none;
}
  .bid-button-controls form {
    display: inline-block;
}


/* On Page Bid Form */

.table-bg-white {
    background-color: #FFFFFF;
    color: #333366;
}

.table-bg-blue {
    background-color: #333366dd;
    color: #FFFFFF;
}

.table-bg-semi-blue {
    background-color: #33336699;
    color: #FFFFFF;
}

.table-bg-gray {
    background-color: #ededed;
    color: #000000;
}

/* Input general CSS */
.radio-wrap.even {
    display: flex;
    justify-content: space-evenly;
}

.radio-container.horizontal {
    display: inline-block;
}

.dual-btn-container {
    min-width: 160px;
    display: flex;
}

.dual-btn-primary,
.dual-btn-secondary {
    -webkit-appearance: none;
    height: 44px;
    padding: 5px 15px;
    border: 1px solid #333366;
    border-radius: 3px;
    position: relative;
    color: #000;
    font-size: 14px;
    background-color: #ffffff;
    vertical-align: middle;
    color: #333366;
}

.dual-btn-primary {
    margin-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;

}

.dual-btn-secondary {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 1px solid #333366;
    width: 36px;
}

button.dual-btn-secondary:active {
    transform: none;
}

.dual-btn-secondary::after {
    content: "";
    display: inline-block;
    background-image: url(/test/last-mile/images/down-caret.svg);
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    background-size: 14px 14px;
    position: absolute;
    right: 10px;
    top: 15px;
    vertical-align: baseline;
}

.bid-form-entry-list input[type="text"],
.bid-ddu-details input[type="text"],
.bid-entry-table input[type="text"] {
    -webkit-appearance: none;
    width: 100%;
    height: 44px;
    padding: 5px 15px;
    border: 1px solid #333366;
    border-radius: 3px;
    position: relative;
    color: #000;
    font-size: 14px;
    vertical-align: middle;
}

.bid-form-entry-list input[type="text"][disabled] ,
.bid-ddu-details input[type="text"][disabled] ,
.bid-entry-table input[type="text"][disabled] {
    text-align: center;
    background-color: #e9ecef;
}

/* Submit bid table CSS */
.bid-form-entry {
    background-color: #ededed;
    padding: 24px;
    margin-top: 48px;
    border-radius: 5px;
}

.bid-form-entry+.bid-form-entry {
    margin-top: 24px;
}

.bid-entry-table>thead>tr>th {
    background-color: #ffffff;
    color: #333366;
    border-bottom: 1px solid #000000;
    vertical-align: bottom;
}

.bid-entry-table th,
.bid-entry-table td {
    padding: 8px;
}

.bid-entry-table tbody td {
    border: 1px solid #d8d8d8;
    font-size: 14px;
}

/* Bid Details Table */
.bid-details-table {
    margin-top: 12px;
    width: 100%;
}

.bid-details-table th,
.bid-details-table td {
    padding: 8px;
}

.bid-details-table th {
    text-align: center;
}

.bid-details-table td {
    border: 1px solid #d8d8d8;
    font-size: 14px;
}


/* wave tables */
.bid-ddu-details th {
    text-align: center;
    border-bottom: 1px solid #000000;
}

.wave-table {
    margin-top: 12px;
}

.wave-table th,
.wave-table td {
    padding: 8px;
}

th.wave-table-label {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom: unset;
    font-weight: unset;
    width: 16%;
}

.wave-table td {
    border: 1px solid #d8d8d8;
    background-color: #FFFFFF;
}

.wave-table td.table-bg-gray {
    background-color: #ededed;
    color: #000000;
}

/* JS components css */

.view-state-text,
.bid-form-entry.details-expanded .hide-state-text {
    display: inline;
}

.bid-form-entry.ddu-state .bid-ddu-details,
.bid-form-entry.details-expanded .bid-form-entry-details-content  {
    display: block;
}

.bid-form-entry.details-expanded .view-state-text,
.bid-form-entry-details-content,
.hide-state-text,
.bid-ddu-details {
    display: none;
}

/* submit controls */
.submit-bid-controls-container {

}

.submit-bid-controls-container a.inline-link.secondary{
    color: #3573b1;
    text-decoration: underline;
    font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.bid-options .bid-option.option-select .submit-bid-controls-container a:before {
    display: none;
}
 
.submit-bid-controls-container {
    margin-top: 18px;
}

.submit-bid-controls-container .button--primary {
    display: block;
    margin-top: 24px;
}



/******************/			
/* Manage Bid CSS */	
/******************/

  
/********** TABLE LIST **********/

input[type=checkbox], input[type="radio"].toggle {
    position: absolute;
    opacity: 0;
}

input[type=checkbox] ~ span.checkbox {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #595959;
    margin: 0 5px 0 0;
    vertical-align: middle;
    background: #ffffff;
}

.checkbox {
    position: relative;
}

input[type=checkbox]:checked ~ span.checkbox:after {
    content: "";
    display: block;
    left: 6px;
    top: 1px;
    width: 6px;
    height: 11px;
    border: solid #333366;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
}

table#bidding-history-table, table#ddu-volume-table {
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
	border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}

#bidding-history-table table, #ddu-volume-table table {
	border-collapse: separate;
    /* border: 1px solid #999999; */
    border-radius: 8px !important;
    overflow: auto;
    border-spacing: inherit;
}

table#bidding-history-table {
	border: 1px solid #999999;
}

#bidding-history-table th a, #ddu-volume-table th a {
 	color: #333366; 
}

#bidding-history-table p, #ddu-volume-table p {
    font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    margin: 0 0 0px;
}

#bidding-history-table strong, #ddu-volume-table strong {
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal !important;
}

.header-container {
 	padding-top: 15px; 
}

.table-list-container {
	padding-top: 15px;
  	overflow: auto;
	/* max-width: 1180px;
	margin: 0 auto; */
    /* padding-left: 30px;
    padding-right: 30px; */	
	
    /* margin: 0 auto;
    overflow: hidden;
    align-self: stretch;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 60px 30px 60px 30px;
    gap: 0;
    flex-direction: column;	*/
}

.table-list-container th p {
    font-weight: normal;
}

.table-list th, .table-list td {
    padding-left: 15px;
    padding-right: 15px;
	vertical-align: top;
}

.table-list th {
	border-bottom: 2px solid #e71921;
    white-space: nowrap;
    /* background: #ededed; */
	padding-top: 15px;
    padding-bottom: 15px;
}

.table-list th p {
    color: #333366;
}

.table-list td {
	padding-top: 7px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ededed;
    border-left: none;
    border-right: none;
}

.table-list-header-row img {
	padding-left: 5px;
	padding-bottom: 1px;
	width: 16px;
}

.table-list th:nth-child(1), .table-list td:nth-child(1) {
    text-align: center;
}

.table-list th:nth-child(5), .table-list td:nth-child(5) {
    text-align: center;
}

.table-list-header-row a {
    text-decoration: none;
}

.table-list-header-row a:hover {
    color: #333366;
}

/* #bidding-history-table th:first-child, #ddu-volume-table th:first-child {
    border-top-left-radius: 14px;
}

#bidding-history-table th:last-child, #ddu-volume-table th:first-child {
    border-top-right-radius: 14px;
}

#bidding-history-table .table-list tr:last-child > td:first-child, #ddu-volume-table th:first-child {
	border-bottom-left-radius: 14px;
}

#bidding-history-table .table-list tr:last-child > td:last-child, #ddu-volume-table th:first-child {
	border-bottom-right-radius: 14px;
} */

#ddu-volume-table {
	padding-top: 40px;
}

#ddu-volume-table input {
    border: none;
    font-size: 14px;
}

#ddu-volume-table table tbody tr {
    background: #f7f7f7;
}

#ddu-volume-table .bids-cell {
	background: #ffffff;
}


@media only screen and (max-width: 767.98px) {

	.table-list-container {
		padding-left: 0px;
		padding-right: 0px;
	}
}

.ddu-volume-wrapper {
	margin-bottom: 60px;
}
  
.ddu-volume-wrapper section:first-of-type {
 	background: #ffffff; 
}

/* Reordering Table List CSS */
/* @media only screen and (max-width: 767.98px) {

	.table-list-container {
		padding-left: 0px;
		padding-right: 0px;
	}

    .table-list tr {
    	display: flex; 
	} 

	.table-list th:nth-child(1), .table-list td:nth-child(1) {
        order: 1;
        width: 10%;
    }

	.table-list th:nth-child(2), .table-list td:nth-child(2) {
    	width: 25%;
		order: 3;
	}

	.table-list th:nth-child(3), .table-list td:nth-child(3) {
        width: 25%;
		order: 4;
	}
    
    .table-list th:nth-child(4), .table-list td:nth-child(4) {
        width: 30%;
        order: 5;
    }

    .table-list th:nth-child(5), .table-list td:nth-child(5) {
    	width: 10%;
		order: 2;
	}
	
} */

@media only screen and (min-width: 768px) {

    .table-list th:nth-child(1), .table-list td:nth-child(1) {
        width: 10%;
    }

    .table-list th:nth-child(2), .table-list td:nth-child(2),
    .table-list th:nth-child(3), .table-list td:nth-child(3) {
        width: 25%;
    }
    
    .table-list th:nth-child(4), .table-list td:nth-child(4) {
        width: 30%;
    }
    
    .table-list th:nth-child(5), .table-list td:nth-child(5) {
        width: 10%;
    }
}

.table-list-count {
	text-align: right;
}

@media only screen and (min-width: 768px) {
	.table-list-count p {
		padding-right: 15px;
	}
}
  

  
/**********************/
/** DDU Volume Table **/
/**********************/
 
/* .ddu-volume-wrapper .eyebrow-header {
    color: #333366 !important;
}  
  
.ddu-volume-wrapper .hero-component p {
    color: #000000;
} */
  
.ddu-volume-wrapper {
	margin-bottom: 60px;
}

.ddu-volume-wrapper .header-text-container p, .progress-saved-message p {
    font-size: 16px;
}

#ddu-volume-table .table-list td {
    border-left: 1px solid #d8d8d8;
}

#ddu-volume-table .table-list-header-row th p {
    color: #333366;
}

#ddu-volume-table input {
    font-size: 14px;
    border: 1px solid #000000;
    border-radius: 3px;
    height: 40px;
    padding: 0px 10px 0px 10px;
}

#ddu-volume-table tbody td {
    vertical-align: middle;
}
  
.table-list .ddu-table-primary-header>th,
.table-list .ddu-table-secondary-header>th {
    border-bottom: none;
    text-align: center;
    color: #FFFFFF;
    vertical-align: middle;
}

.ddu-table-primary-header>th {
    background-color: #333366;
}

.ddu-table-primary-header>th:nth-child(2),
.ddu-table-secondary-header>th {
    background-color: rgba(51, 51, 102, .75);
}

.ddu-table-primary-header>th:nth-child(3) {
    background-color: #595959;
}

.ddu-table-secondary-header>th:nth-child(2){
    background-color: rgba(51, 51, 102, .50);
}

.ddu-table-secondary-header>th:nth-child(3){
    background-color: #D8D8D8;
}

.ddu-table-secondary-header>th:nth-child(4){
    background-color: #f7f7f7;
}

#ddu-volume-table .ddu-table-primary-header>th>p,
#ddu-volume-table .ddu-table-secondary-header>th>p {
    color: #FFFFFF;
}

#ddu-volume-table .ddu-table-secondary-header>th:nth-child(3)>p,
#ddu-volume-table .ddu-table-secondary-header>th:nth-child(4)>p {
    color: #595959;
}
  
.progress-saved-message {
    margin-top: 20px;
}

/* Cell Styling */


/* Select Input */
.bids-cell select.form-control:focus, 
.bids-cell select.dropdown:focus {
    border-color: #000;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgb(102 139 232);
    box-shadow: 0 0 0 0.2rem rgb(102 139 232);
    text-decoration: none;
}

.bids-cell .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}

.bids-cell select.form-control {
    font-size: 14px !important;
}

.bids-cell select.form-control, 
.bids-cell select.dropdown {
    width: 100%;
    border: none;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #000000;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 34px;
}

.bids-cell select.dropdown{
    background-image: url(/test/last-mile/images/blue-caret-down.svg);
    background-repeat: no-repeat;
    background-position: right 10px top 8px;
    background-size: 18px 18px;
    cursor: pointer;
}

#ddu-volume-table .bid-cell-empty {
    background: #f7f7f7;
    text-align: center;
}

/* Overflow y */
#ddu-volume-table.table-list-container {
    max-height: 750px;
    margin-top: 0px;
    padding-top: 0;
}

.ddu-table-controls {
    max-width: 1180px;
    margin: 24px auto;
}

.ddu-table-controls .clear-form-btn {    
    margin-left: 30px;
    color: #333366;
    background-color: #FFFFFF;
}

.table-list .ddu-table-primary-header th, .table-list .ddu-table-secondary-header th {
    padding-top: 10px;
    padding-bottom: 10px;
}

.ddu-table-secondary-header th:first-child, .ddu-table-secondary-header th:nth-child(2) {
    border-top: 1px solid #ffffff;
}

.ddu-volume-wrapper .buttons-container {
    margin-top: 30px;
    /* padding-left: 30px; */
    max-width: 1180px;
    /* margin: 0 auto; */
}

.save-close-btn {
    /* margin-right: 30px; */
}

.clear-form-btn {
    color: #333366;
    background: #ffffff;
}

.save-close-btn:hover, .clear-form-btn:hover {
	color: #333366;
	background: #ededed;
}


/**** J - ADDED CSS FROM PAGE - 12/20 ******/

.bid-options {
    max-width: 1180px;
    margin: 0 auto;
    overflow: hidden;
    align-self: stretch;
    display: flex;
    align-items: stretch;
    justify-content: space-evenly;
    padding: 30px 30px;
    gap: 80px;
    flex-direction: column;
}
.bid-options .bid-option .drawer {
    display:none;
}

.bid-options .bid-option.active .drawer {
    display: block;
    padding-top: 10px;
}
.bid-options .actionable-accordion-container {
    padding: 0;
}

.bid-options .bid-option h2 a {
    color: #333666;
    text-decoration: none;
    font-size: 36px;
    line-height: 40px;
}


.bid-options .drawer {
    display: flex;
    flex-direction: column;
    align-content: space-around;
    align-items: stretch;
}

.bid-options {
    text-align: left;
}

.bid-options .eyebrow-header, .bid-options>div>h2.header-2,.bid-options>div>p {
    text-align: left;
}

.bid-options .bid-option.option-select {
    padding: 40px;
    margin: 40px 0;
}

.bid-options .drawer {
    text-align: left;
}

.bid-options .drawer .bid-button-controls {
    width: 100%;
    margin-left: 0;
}

.bid-options .option-separator {
    text-align: center;
    color: #000000;
}
.bid-options .drawer .bid-details {
	padding: 0;
}
.bid-options .drawer .bid-details-wrapper p {
    margin-top: 0;
}
.bid-options .bid-option.option-select a:before {
    background-image: url(/test/last-mile/images/arrow-right.svg);
    content: "";
    display: inline-block;
    width: 25px;
    background-size: 15px 15px;
    height: 20px;

    background-repeat: no-repeat;
    transition: transform .2s ease-in-out;
}
.bid-options .bid-button-controls .download-btn {
    position:relative;
    padding-left: 40px
}

.bid-options .bid-button-controls .download-btn:before {
    background-image: url(/test/last-mile/images/file-download.svg);
    content: "";
    display: inline-block;
    width: 20px;
    background-size: 20px 18px;
    height: 20px;
    flex-shrink: 0;
    margin-left: auto;
    background-repeat: no-repeat;
    position: absolute;
    left: 10px;
}

.bid-options .bid-button-controls .upload-btn:before {
    background-image: url(/test/last-mile/images/file-upload.svg);
    width: 20px;
    background-size: 20px 18px;
    height: 20px;
}
.bid-options .drawer button:hover {
	background-color: #f7f7f7;
}
.bid-options .actionable-accordion-header::after {
	right: 10px;
}
.map-search .resetlink p.viewselector {
    margin-right: 5px;
	margin-left: 15px;
    font-size: 15px;
}

.map-search .resetlink {
    text-align: right;
}
.map-search .resetlink p {
    float:none;
}

  .after-map h4 {
    display: block;
    margin-top: 30px;
    margin-bottom:30px;
}

/*** Disclaimer ***/
  p.disclaimer-text {
    font-size: 14px;
    line-height:18px;
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom:0;
    padding-left:25px;
}


div.disclaimer-text {
    margin: 0 auto;
    max-width: 1180px;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-right:20%;
    padding-left:30px;
}

p.disclaimer-text a:first-of-type {
    position: absolute;
    left: 0;
}
  
  img.map-img {
    max-width: 100%;
    height: auto;
    border: 1px solid #333366;
    border-radius: 12px;
    margin-top: 24px;
}
#map-search h2.header-2 {
    margin-bottom: 20px;
} 
#map-search p {
    padding-right: 30%;
}
  @media (max-width: 991.99px){
     .desktop-break {
  	display:none;
  }
    #map-search p {
    padding-right: 0%;
}
    .hero-component {
    flex-wrap: wrap;
    display: flex;
    flex-direction: column-reverse;
    padding-bottom: 40px;
}

.hero-text {
    gap: 12px;
    flex-wrap: wrap;
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
    left: 0;
}

.hero-callout {
    display: none;
}

.hero-component img {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.about-program>div:first-of-type {
    display: flex;
    flex-wrap: wrap;
  gap:25px;
    flex-direction: column-reverse;
}

    .about-program img {
        min-width: 0;
        width: auto;
        max-height: 400px;
        margin: 0 auto;
        display: block;
        max-width:100%;
    }
  div.disclaimer-text {
    padding-right:0%;
}  
}
  
  @media (max-width: 500px){
    .map-search form {
    display: flex;
    flex-wrap: wrap;
}

.map-search input#zip-search {
    width: 100%;
    min-width:0;
}
}
  
 

@media (min-width: 992px){
    .hero-callout {
        right: 30px;
    }

}

@media (min-width: 999px){
    .hero-callout {
        right: 30px;
        left: 15px;
    }
    
    .hero-text {
        padding-left: 0px;
    }

}
  @media (min-width: 1099px){
    .hero-callout {
    right: 30px;
    left: 10%;
      max-width: 650px;
    }
    
    .hero-text {
        /* padding-left: 0; */
        /* max-width:400px; */
    }
}
  
@media (max-width: 1015px) and (min-width: 993px){
    .hero-text {
        gap: 12px;
    }
}
  @media  (min-width: 1401px){
    .hero-component {
      /* max-width: 2000px; */
    }

}
@media (max-width: 1400px){
    .hero-component {
        padding-left: 0;
    }
  .hero-text {
    padding-left:0;
  }
}

    @media (max-width: 1300px){
    .hero-component {
        padding-left: 30px;
    }
  .hero-text {
    padding-left:0;
  }
}
  @media (min-width: 1200px) and (max-width: 1300px){

  .hero-text {
    padding-left:30px;
  }
}