/*
    this contains the styling for the date picker control
*/

.dbsDate {
    background: var(--dbsWhite) url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png)  97% 50% no-repeat ;
    border-radius: 4px ;
    padding: 7px ;
    box-shadow: inset 1px 1px 3px var(--dbsGrey) ;
}

.dbsDate::-webkit-inner-spin-button {
    display: none ;
}

.dbsDate::-webkit-calendar-picker-indicator {
    opacity: 0 ;
}

/*Responsive Styles*/
@media screen and (max-width: 1024px) {
    .dbsDate {
        padding: 10px ;
        font-size: 1.2em ;
    }
}