.rdp-container {
        margin:auto;
        padding:10px;   
        padding-top:0px;   
        display:flex;
    }

    .rdp-picker {
        flex-basis:50%;
    }

    .rdp-second-picker {
        margin-left:50px;
    }

    @media only screen and (max-width: 1024px) {
         @supports not (-ms-high-contrast: none) {
            .rdp-second-picker {
                margin-top:10%;
                margin-left:0px;
            }
        }
       
    }

    .rdp-date-day-name-row {
        margin-top:3%;
        display:flex;
        flex-flow:row;
        padding-left:3px;
        letter-spacing:5px;
    }

    @supports (-moz-appearance:none) {
    .rdp-date-day-name-row {
        padding-left: 2px;

    }
}

    .rdp-date-row{
        margin-top:3%;
        display:flex;
        flex-flow:row;
    }

    .rdp-date-field {
        font-size:0.8rem;
    }

    .rdp-between {
        flex-basis:20%;
        z-index:0;
        position:relative;
    }

    .rdp-right-cut {
        border-radius:0px 50px 50px 0px;
    }

    .rdp-left-cut {
        border-radius:50px 0px 0px 50px;
    }

    .rdp-between-color {
        background-color:#d1e7fe;
        transition:0.1s cubic-bezier(0.1, 0.7, 1.0, 0.5);

    }

    .rdp-date-field-back {
        font-size:0.7rem;
        padding-left:0%;
        flex-basis:20%;

    }

    /*.rdp-date-day {
        position:relative;
        width:20px;
        height:20px;
        padding: 8px;
        margin-right:-3.5px;
        z-index:2;
        border-radius:100%;
        text-align:center;
        transition: 0.2s linear;
    }*/

.rdp-date-day {
    position: relative;
    width: 20px;
    height: 20px;
    padding: 8px;
    margin-right: -3.5px;
    z-index: 2;
    border-radius: 100%;
    text-align: center;
    transition: 0.2s linear;
    color: black;
}

.rdp-grayed {
    color: lightgrey !important;
    font-weight: lighter !important;
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .rdp-date-day {
            margin-right:-4px;
        }
    }

    
    .rdp-date-day-clickable {
        cursor:pointer;    
    }

    .rdp-date-day-clickable:hover {
        background:#3399ff;   
        color:white;
        
    }

    .rdp-date-day-clicked {
        background:#3399ff;   
        color:white;
    }

    .rdp-date-day-text {
        position:relative;
        top:50%;
        transform:translateY(-50%);
        text-align:center;
        padding-left:2px;
        z-index:2;

        /*this will cause a problem with the last row, might fix later*/
        /*display: table-cell;
        vertical-align: middle; 
        width:30px;
        height:30px;
        text-align: center;*/ 
    }

    .rdp-date-header {
        letter-spacing:5px;
        height:50px;
    }

    .rdp-date-header-text {
        text-align:center;
        vertical-align:middle;
        position:relative;
        top:50%;
        transform:translateY(-50%);
    }