:root {
    --ospo-primary-color: #1d5898;
    --primary-active-color: #007bff;
}

.traverse-days {
    margin-top: 1.5rem;
}

div#ui-datepicker-div {
    z-index: 1001 !important;
}

.ospo-date-select {
    text-align: center;
    margin: 5px 0;
}

div.ospo-date-select button {
    color: #fff;
    background-color: #1d5898;
    border: none;
    outline: none;
    cursor: pointer;
}

div.ospo-date-select button:hover {
    background-color: var(--primary-active-color, #007bff)
}
    
.ospo-date-select .left {
    border-radius: 10px 3px 3px 10px;
}

.ospo-date-select .right {
    border-radius: 3px 10px 10px 3px;
}

.ospo-date-select input#ospo-date-chosen {
    border: none;
    border-bottom: 1px solid #1d5898;
    outline: none;
    text-align: center;
    color: #1d5898;
    font-weight: bold;
    font-size: 1.5rem;
}

.fa-download-adjust {
    font-size: .7rem;
    position: relative;
    top: -1px;
}

#ospo-product {
    border: none;
    outline: none;
    border-bottom: 1px solid var(--ospo-primary-color);
    color: inherit;
    width: 250px;
}

#ospo-product option {
    font-size: 0.8rem;
}