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

    .sdp-picker {
        flex-basis:100%;
    }

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

    .sdp-grayed {
        opacity:0.5;
    }

    @media only screen and (max-width: 1024px) {
        .sdp-second-picker {
            margin-top:10%;
            margin-left:0px;
        }
    }

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

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

    }
}

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

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

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

    .sdp-between-names {
        flex-basis:20%;
    }

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

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

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

    }

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

    }

    .sdp-date-day {
        /*width:30px;
        height:30px;
        border-radius:50px;
        text-align:center;*/

        border-radius: 10%;
        behavior: url(PIE.htc);
        position:relative;
        margin-right:-5.3px;
        z-index:2;
        /* remove if you don't care about IE8 */
        width: 15px;
        height: 15px;
        padding: 10px;
        background: #fff;
        color: #666;
        text-align: center;
        transition: 0.2s linear;
    }

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

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

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

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

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

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


    }

    @-moz-document url-prefix() {
        .sdp-date-day-text {
            text-align: center;
            margin-left:-0.8px !important;

        }
        .sdp-single-dig {
            margin-left:1.3px !important;
        }
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
        .sdp-date-day-text {
            margin-right:0.8px;
        }

        .sdp-date-day {
            padding:12px;
        }
        .sdp-single-dig {
            margin-left:3px;
        }
    }

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

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