src/sass/_bidSeasons.scss
.bid-seasons-page {
.controls-container {
display: flex;
justify-content: flex-end;
margin-right: 45px;
}
.position-search--filters--bs {
.react-daterange-picker__clear-button {
padding: 2px 4px;
}
.react-daterange-picker__clear-button:hover {
background-color: $color-white;
}
.react-daterange-picker__calendar--open {
z-index: $daterange-z;
}
.react-daterange-picker {
align-items: center;
background: $color-white;
font-size: 13px;
height: 26px;
width: 240px;
margin: 7px 0;
.react-daterange-picker__wrapper {
border: none;
width: 220px;
}
.react-daterange-picker__inputGroup {
align-items: center;
display: flex;
justify-content: center;
}
.react-daterange-picker__range-divider,
.react-daterange-picker__inputGroup__leadingZero,
.react-date-picker__inputGroup__divider {
color: $color-black;
}
}
}
}
.bs-lower-section {
padding: 0 35px 20px;
min-width: 1000px;
}
.bid-seasons-search-card {
margin-top: 15px;
margin-bottom: 15px;
background-color: $color-white;
border: 1px solid $bg-gray-dark-2;
border-left: 8px solid $blue-primary;
padding: 1em;
.cyc-admin-link {
text-align: center;
}
.bs-card--row {
display: flex;
align-items: center;
.bs-card--middle-cols {
display: flex;
align-items: center;
>div {
color: $color-gray;
display: flex;
justify-content: center;
font-size: 14px;
min-width: max-content;
}
}
.bs-card--link-col {
display: flex;
justify-content: flex-end;
>span {
text-align: right;
}
}
}
}
.bs-validation-container {
width: 100%;
}
.bs-clear-icon {
margin-left: 5px;
.active {
color: $alert-red;
}
.inactive {
color: $color-gray-light;
}
}
.bid-seasons-form {
width: 100%;
input[type="text"]:disabled {
border: None;
background: none;
}
div:not(.react-datepicker-wrapper, .react-datepicker-wrapper div,
.react-datepicker__tab-loop, .react-datepicker__tab-loop div) {
display: flex;
align-items: baseline;
}
div:nth-child(14) {
justify-content: flex-start;
}
dd {
margin-inline-start: 30;
text-align: justify;
margin-right: auto;
margin-left: 0;
}
label, dt {
display: block;
margin-top: 3rem;
min-width: 7em;
text-align: left;
}
.select-error {
border-color: $alert-red;
box-shadow: 0px 0px 0px 2px $alert-red;
}
.date-picker-validation-container {
position: relative;
width: 100%;
.fa-calendar {
position: absolute;
left: 5px;
top: 18px;
color: gray;
z-index: 1;
}
.fa-close {
position: absolute;
left: 315px;
top: 18px;
color: gray;
z-index: 1;
}
input {
padding-inline-start: 50px;
}
}
.usa-input-error-message {
text-align: left;
}
}